diff --git a/src/interface/web/app/chat/chat.module.css b/src/interface/web/app/chat/chat.module.css
index 9bd95434..c9868429 100644
--- a/src/interface/web/app/chat/chat.module.css
+++ b/src/interface/web/app/chat/chat.module.css
@@ -64,9 +64,10 @@ div.chatBody {
 
 div.chatLayout {
     display: grid;
-    grid-template-columns: auto 1fr;
+    grid-template-columns: 1fr;
     gap: 1rem;
     padding-top: 1rem;
+    width: 100%;
 }
 
 div.chatBox {
diff --git a/src/interface/web/app/share/chat/sharedChat.module.css b/src/interface/web/app/share/chat/sharedChat.module.css
index 81c422c7..286e5ba4 100644
--- a/src/interface/web/app/share/chat/sharedChat.module.css
+++ b/src/interface/web/app/share/chat/sharedChat.module.css
@@ -62,6 +62,7 @@ div.chatLayout {
     display: grid;
     grid-template-columns: auto 1fr;
     gap: 1rem;
+    width: 100%;
 }
 
 div.chatBox {