diff --git a/app/styles/responsive.css b/app/styles/responsive.css
index 3921092..08818cf 100644
--- a/app/styles/responsive.css
+++ b/app/styles/responsive.css
@@ -3,14 +3,13 @@
   * {
     margin: 0;
     padding: 0;
-    border-radius: none;
   }
   
   /* Header styles */
   header {
     flex-direction: column;
     align-items: center;
-    position: fixed;
+    position: relative;
     top: 0;
     left: 0;
     margin-top: 0px;
@@ -26,7 +25,7 @@
     width: 100vw;
     overflow: scroll;
     margin: 0;
-    padding: 7em 0 0 0 ;
+    padding: 0;
   }
 
   header li {
@@ -49,8 +48,8 @@
 
   /* Left panel styles */
   .left-panel {
-    display: hidden; /* Initially hidden */
-    min-width: 100%; /* Takes full width when visible */
+    display: none; /* Initially hidden */
+    min-width: 90%; /* Takes full width when visible */
     margin: 0;
   }
 
@@ -60,9 +59,8 @@
 
   /* Conversation container styles */
   .conversation-container {
-    min-width: 100%;
-    height: 100%;
-    border-radius: 0;
+    width: 90%;
+    height: 90%;
   }
 
   .conversation-container.collapsed {
@@ -70,13 +68,10 @@
     padding: 0;
     border: none;
     overflow: hidden;
-    display: hidden;
   }
 
   .conversation-container.expanded {
-    min-width: 100%;
-    margin-left: 0;
-    border-radius: none;
+    width: 100%;
   }
 
   /* Grid styles */