diff --git a/app/styles/responsive.css b/app/styles/responsive.css
index 533118e..4bb6554 100644
--- a/app/styles/responsive.css
+++ b/app/styles/responsive.css
@@ -2,6 +2,7 @@
 
 /* Responsive behavior - applies only on smaller screens */
 @media (max-width: 1200px) {
+
     /* Left panel as an overlay */
     .left-panel {
         margin: 0 auto;
@@ -11,8 +12,10 @@
     }
 
     .left-panel.hidden {
-        width: 0; /* Set width to 0 when hidden */
-        visibility: hidden; /* Fully hide the panel */
+        width: 0;
+        /* Set width to 0 when hidden */
+        visibility: hidden;
+        /* Fully hide the panel */
         margin: 0;
         padding: 0;
         overflow: hidden;
@@ -31,4 +34,24 @@
     body {
         margin-top: 100px;
     }
-}
+
+    .conversation-container.expanded {
+
+        width: 0;
+        /* Set width to 0 when hidden */
+        visibility: hidden;
+        /* Fully hide the panel */
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+    }
+
+    .conversation-container.collapsed {
+        margin: 0 auto;
+        min-width: 100vw;
+        max-width: 100vw;
+        padding: 1em;
+        margin-left: 0;
+
+    }
+}
\ No newline at end of file