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;