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 9d7e6e1d..ec93a3a0 100644
--- a/app/src/frontend/map/layers/city-base-map-layer.tsx
+++ b/app/src/frontend/map/layers/city-base-map-layer.tsx
@@ -23,7 +23,7 @@ export function CityMap() {
   }, []);
 
   return (
-    <div id="map" style={{ width: '100%', height: '100vh' }}></div>
+    <div id="map" style={{ width: '900px', height: '100vh' }}></div>
   );
 }
 
diff --git a/app/src/frontend/map/map.css b/app/src/frontend/map/map.css
index cec8fe05..846ade6c 100644
--- a/app/src/frontend/map/map.css
+++ b/app/src/frontend/map/map.css
@@ -1,4 +1,5 @@
 .map-container {
+    position: absolute;
     top: 76px; /* sync with header positioning*/
     bottom: 0;
     left: 0;