diff --git a/app/src/frontend/map/layers/city-base-map-layer.tsx b/app/src/frontend/map/layers/city-base-map-layer.tsx
index 6e2b183d..5902d1a7 100644
--- a/app/src/frontend/map/layers/city-base-map-layer.tsx
+++ b/app/src/frontend/map/layers/city-base-map-layer.tsx
@@ -24,7 +24,7 @@ export function CityMap() {
 
   return (
     <div className="map-container">
-    <div id="map" style={{ width: '300px', height: '100vh' }}></div>
+    <div id="map" style={{ width: '1100px', height: '100vh' }}></div>
     </div>
   );
 }
diff --git a/app/src/frontend/map/map.css b/app/src/frontend/map/map.css
index dd02f38a..55bec118 100644
--- a/app/src/frontend/map/map.css
+++ b/app/src/frontend/map/map.css
@@ -8,7 +8,7 @@
 @media (min-width: 990px) {
     .map-container {
         top: 0;
-        left: 270px;
+        left: 250px;
     }
 }
 .leaflet-container {