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 b8e070f7..9d7f0766 100644
--- a/app/src/frontend/map/layers/city-base-map-layer.tsx
+++ b/app/src/frontend/map/layers/city-base-map-layer.tsx
@@ -23,8 +23,14 @@ export function CityMap() {
   }, []);
 
   return (
-    <div className="map-container">
-    <div id="map" style={{ width: '100%', height: '100vh' }}></div>
+    <div>
+      <head>
+        <link href='https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.css' rel='stylesheet' />
+        <script src='https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.js'></script>
+      </head>
+      <div className="map-container">
+        <div id="map" style={{ width: '300px', height: '100vh' }}></div>
+      </div>
     </div>
   );
 }
