diff --git a/app/javascript/components/shared/mapbox/MapStyleControl.jsx b/app/javascript/components/shared/mapbox/MapStyleControl.jsx
index a94c07aa7..f6bc98a04 100644
--- a/app/javascript/components/shared/mapbox/MapStyleControl.jsx
+++ b/app/javascript/components/shared/mapbox/MapStyleControl.jsx
@@ -48,6 +48,9 @@ export function useMapStyle(
   const enabledLayers = Object.entries(layers).filter(
     ([, { enabled }]) => enabled
   );
+  const layerIds = enabledLayers.map(
+    ([layer, { opacity }]) => `${layer}-${opacity}`
+  );
   const style = useMemo(
     () =>
       getMapStyle(
@@ -57,13 +60,10 @@ export function useMapStyle(
           enabledLayers.map(([layer, { opacity }]) => [layer, opacity])
         )
       ),
-    [
-      styleId,
-      enabledLayers.map(([layer, { opacity }]) => `${layer}-${opacity}`)
-    ]
+    [styleId, layerIds]
   );
 
-  useEffect(() => onStyleChange(), [styleId, cadastreEnabled]);
+  useEffect(() => onStyleChange(), [styleId, layerIds, cadastreEnabled]);
 
   return { style, layers, setStyle, setLayerEnabled, setLayerOpacity };
 }