diff --git a/app/components/Map.js b/app/components/Map.js
index 1d6aa20..8030878 100644
--- a/app/components/Map.js
+++ b/app/components/Map.js
@@ -30,6 +30,11 @@ const MapComponent = ({
         return () => newMap.remove();
     }, []);
 
+    useEffect(() => {
+        if (!map) return;
+        map.setStyle(style);
+    }, [map, style]);
+
     useEffect(() => {
         if (!map) {
             return () => {};
@@ -50,7 +55,8 @@ const MapComponent = ({
             map.off("zoomend", onChange);
             map.off("moveend", onChange);
         };
-    }, [map]);
+    }, [map, updateViewport]);
+
     return (
         <div ref={mapContainerRef} style={{width: "100%", height: "100%"}}>
             <SelectionMarker