diff --git a/front/dist/resources/style/style.css b/front/dist/resources/style/style.css
index 602e0265..6c46bdcf 100644
--- a/front/dist/resources/style/style.css
+++ b/front/dist/resources/style/style.css
@@ -580,12 +580,10 @@ input[type=range]:focus::-ms-fill-upper {
 }
 
 .chat-mode {
-    display: grid;
+    display: inline-grid;
     width: 100%;
-
-    align-items: flex-start;
-
     padding: 1%;
+    align-items: flex-start;
 }
 
 .chat-mode > div {
@@ -598,20 +596,21 @@ input[type=range]:focus::-ms-fill-upper {
 .chat-mode > div:hover {
     margin: 0%;
 }
+
 .chat-mode.one-col {
-    grid-template-columns: repeat(1, 1fr);
+    grid-template-columns: auto;
 }
 
 .chat-mode.two-col {
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: auto auto;
 }
 
 .chat-mode.three-col {
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: auto auto auto;
 }
 
 .chat-mode.four-col {
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: auto auto auto auto;
 }
 
 /*CONSOLE*/
diff --git a/front/src/WebRtc/LayoutManager.ts b/front/src/WebRtc/LayoutManager.ts
index 233b5327..2993349a 100644
--- a/front/src/WebRtc/LayoutManager.ts
+++ b/front/src/WebRtc/LayoutManager.ts
@@ -24,7 +24,6 @@ export interface CenterListener {
 }
 
 export const ON_ACTION_TRIGGER_BUTTON = 'onaction';
-
 export const TRIGGER_WEBSITE_PROPERTIES = 'openWebsiteTrigger';
 export const TRIGGER_JITSI_PROPERTIES = 'jitsiTrigger';
 
@@ -195,7 +194,7 @@ class LayoutManager {
         } else {
             HtmlUtils.getElementByIdOrFail<HTMLDivElement>('sidebar').style.display = 'none';
             HtmlUtils.getElementByIdOrFail<HTMLDivElement>('main-section').style.display = 'none';
-            HtmlUtils.getElementByIdOrFail<HTMLDivElement>('chat-mode').style.display = 'grid';
+            HtmlUtils.getElementByIdOrFail<HTMLDivElement>('chat-mode').style.display = 'inline-grid';
         }
 
         for (const div of this.importantDivs.values()) {