diff --git a/src/components/MessageComposer/styling/MessageComposer.scss b/src/components/MessageComposer/styling/MessageComposer.scss index c59964f9c..274cc08a4 100644 --- a/src/components/MessageComposer/styling/MessageComposer.scss +++ b/src/components/MessageComposer/styling/MessageComposer.scss @@ -34,7 +34,7 @@ --str-chat__cooldown-border-inline-start: 0; --str-chat__cooldown-border-inline-end: 0; --str-chat__cooldown-box-shadow: none; - --str-chat__message-composer-max-width: 768px; + --str-chat__message-composer-max-width: 1120px; --str-chat__message-composer-padding: var(--spacing-md); --str-chat__message-composer-command-transition-duration: 280ms; --str-chat__message-composer-command-ease: cubic-bezier(0.22, 1, 0.32, 1); diff --git a/src/components/MessageList/styling/MessageList.scss b/src/components/MessageList/styling/MessageList.scss index 8d5cbe0c6..6892c572b 100644 --- a/src/components/MessageList/styling/MessageList.scss +++ b/src/components/MessageList/styling/MessageList.scss @@ -13,7 +13,7 @@ .str-chat__message-list-main-panel { --str-chat__message-list-scroll-max-width: calc( var(--str-chat__message-composer-max-width) + - var(--str-chat__message-composer-padding) + (2 * var(--str-chat__message-composer-padding)) ); } @@ -30,7 +30,6 @@ .str-chat__message-list-scroll { @include utils.message-list-spacing; - /* Max container 800px, 16px padding → 768px readable content; matches composer width + padding */ max-width: var(--str-chat__message-list-scroll-max-width); .str-chat__ul { list-style: none;