diff --git a/css/map.css b/css/map.css
index ba46085..7335788 100644
--- a/css/map.css
+++ b/css/map.css
@@ -4,7 +4,7 @@
 .app-container {
     display: flex;
     height: 100vh;
-    overflow: hidden;
+    overflow: hidden; /* Add this to prevent scrollbars */
     font-family: 'Poppins', sans-serif;
 }
 
@@ -16,6 +16,14 @@
     display: flex;
     flex-direction: column;
     box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
+}
+
+/* Map Area */
+.map-area {
+    flex: 1;
+    width: 0; /* This is important for flex layout calculations */
+    position: relative;
+}
     transition: transform 0.3s ease;
     z-index: 10;
 }
@@ -525,4 +533,4 @@
         left: 10px;
         font-size: 0.9rem;
     }
-}
\ No newline at end of file
+}