From bc7e5dc7b7e7ea377c6ca4beaa1766f2a86a7c4b Mon Sep 17 00:00:00 2001
From: Oliver Lazoroski <oliver.lazoroski@gmail.com>
Date: Mon, 30 Mar 2026 15:51:00 +0200
Subject: [PATCH] fix(MessageList): set width on message list scroll container

`.str-chat__message-list-scroll` is a flex child inside a centered flex
parent but had no width set, causing it to shrink-wrap its content
instead of filling available space up to its max-width.
---
 examples/vite/src/index.scss                        | 4 ----
 src/components/MessageList/styling/MessageList.scss | 1 +
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/examples/vite/src/index.scss b/examples/vite/src/index.scss
index a8b627db3..8540efdc6 100644
--- a/examples/vite/src/index.scss
+++ b/examples/vite/src/index.scss
@@ -213,10 +213,6 @@ body {
     max-width: none;
   }
 
-  .str-chat__message-list-scroll {
-    width: 100%;
-  }
-
   .str-chat__list,
   .str-chat__virtual-list {
     display: block;
diff --git a/src/components/MessageList/styling/MessageList.scss b/src/components/MessageList/styling/MessageList.scss
index 6892c572b..e48e860e2 100644
--- a/src/components/MessageList/styling/MessageList.scss
+++ b/src/components/MessageList/styling/MessageList.scss
@@ -30,6 +30,7 @@
 
   .str-chat__message-list-scroll {
     @include utils.message-list-spacing;
+    width: 100%;
     max-width: var(--str-chat__message-list-scroll-max-width);
     .str-chat__ul {
       list-style: none;