diff --git a/packages/visualizations/src/components/Map/WebGl/WebGl.svelte b/packages/visualizations/src/components/Map/WebGl/WebGl.svelte
index 8902f282..238aa0d7 100644
--- a/packages/visualizations/src/components/Map/WebGl/WebGl.svelte
+++ b/packages/visualizations/src/components/Map/WebGl/WebGl.svelte
@@ -93,7 +93,6 @@
         height: auto;
         max-height: 100%;
         box-sizing: border-box;
-        max-width: none !important;
     }
     .ods-visualization__map-container :global(.maplibregl-popup--as-sidebar),
     .ods-visualization__map-container :global(.maplibregl-popup--as-modal) {
@@ -103,15 +102,15 @@
     }
 
     .ods-visualization__map-container :global(.maplibregl-popup--as-modal) {
-        width: 100% !important;
+        width: 100%;
     }
     .ods-visualization__map-container :global(.maplibregl-popup--as-sidebar) {
         /* 300px for content and 26px for padding */
-        width: calc(300px + 26px) !important;
+        width: calc(300px + 26px);
     }
 
     .ods-visualization__map-container :global(.maplibregl-popup--as-tooltip) {
-        width: 300px !important;
+        width: 300px;
         max-height: 50%;
     }
 
diff --git a/packages/visualizations/src/components/Map/WebGl/constants.ts b/packages/visualizations/src/components/Map/WebGl/constants.ts
index 31f9c7d6..ba3048f9 100644
--- a/packages/visualizations/src/components/Map/WebGl/constants.ts
+++ b/packages/visualizations/src/components/Map/WebGl/constants.ts
@@ -62,4 +62,5 @@ export const POPUP_DISPLAY_CLASSNAME_MODIFIER: Record<PopupDisplayTypes, string>
 export const POPUP_OPTIONS: PopupOptions = {
     closeButton: false,
     closeOnClick: false,
+    maxWidth: 'none'
 };