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