diff --git a/packages/visualizations/src/components/MapPoi/Map.svelte b/packages/visualizations/src/components/MapPoi/Map.svelte
index 6dd87609..d52b11a1 100644
--- a/packages/visualizations/src/components/MapPoi/Map.svelte
+++ b/packages/visualizations/src/components/MapPoi/Map.svelte
@@ -16,8 +16,8 @@
 
     export let data: Async<PoiMapData>;
     export let options: PoiMapOptions;
-
-    $: style = getMapStyle(options.style);
+    $: ({ style: styleOptions} = options);
+    $: style = getMapStyle(styleOptions);
     $: sources = getMapSources(data.value?.sources);
     $: layers = getMapLayers(data.value?.layers);
     $: popupsConfiguration = getPopupsConfiguration(data.value?.layers);
@@ -45,7 +45,7 @@
 </script>
 
 <div>
-    {#key options.style}
+    {#key style}
         <MapRender
             {style}
             {sources}