diff --git a/packages/module/src/MessageBox/MessageBox.scss b/packages/module/src/MessageBox/MessageBox.scss index e300b4586..cb7a30a89 100644 --- a/packages/module/src/MessageBox/MessageBox.scss +++ b/packages/module/src/MessageBox/MessageBox.scss @@ -24,7 +24,6 @@ } @media screen and (min-width: 64rem) { - .pf-chatbot--embedded, .pf-chatbot--drawer, .pf-chatbot--fullscreen { .pf-chatbot__messagebox { @@ -32,6 +31,20 @@ width: 100%; } } + + /* + * Moves the scrollbar; see https://github.com/opendatahub-io/odh-dashboard/pull/8199 + */ + .pf-chatbot--embedded .pf-chatbot__messagebox { + width: 100%; + max-width: unset; + align-items: center; + } + + .pf-chatbot--embedded .pf-chatbot__messagebox > *:not(.pf-chatbot__messagebox-announcement) { + max-width: 60rem; + width: 100%; + } } .pf-chatbot.pf-m-compact {