diff --git a/js/src/components/LeafletMap.vue b/js/src/components/LeafletMap.vue
index a224f97b3..df8510797 100644
--- a/js/src/components/LeafletMap.vue
+++ b/js/src/components/LeafletMap.vue
@@ -2,7 +2,7 @@
   <div class="map-container">
     <l-map
       :zoom="mergedOptions.zoom"
-      :style="`height: ${mergedOptions.height}; width: ${mergedOptions.width}`"
+      :style="{ height: mergedOptions.height, width: mergedOptions.width }"
       class="leaflet-map"
       :center="[lat, lon]"
       @click="clickMap"