diff --git a/apps/dispatch/app/_components/SmartPopup.tsx b/apps/dispatch/app/_components/SmartPopup.tsx
index c062b882..193d85e9 100644
--- a/apps/dispatch/app/_components/SmartPopup.tsx
+++ b/apps/dispatch/app/_components/SmartPopup.tsx
@@ -128,7 +128,7 @@ export const SmartPopup = (
 	}, [map, anchor]);
 
 	return (
-		<Popup {...props} className={cn("relative", wrapperClassName)} interactive>
+		<Popup {...props} className={cn("relative", wrapperClassName)}>
 			<div
 				className={cn(
 					"pointer-events-auto bg-base-100 relative",
diff --git a/apps/dispatch/app/dispatch/_components/map/BaseMaps.tsx b/apps/dispatch/app/dispatch/_components/map/BaseMaps.tsx
index e27759c2..1c358ae9 100644
--- a/apps/dispatch/app/dispatch/_components/map/BaseMaps.tsx
+++ b/apps/dispatch/app/dispatch/_components/map/BaseMaps.tsx
@@ -1,7 +1,18 @@
 "use client";
-import { TileLayer } from "react-leaflet";
+import { usePannelStore } from "_store/pannelStore";
+import { useEffect } from "react";
+import { TileLayer, useMap } from "react-leaflet";
 
 export const BaseMaps = () => {
+	const map = useMap();
+	const isPannelOpen = usePannelStore((state) => state.isOpen);
+
+	useEffect(() => {
+		setTimeout(() => {
+			map.invalidateSize();
+		}, 600);
+	}, [isPannelOpen]);
+
 	return (
 		<>
 			<TileLayer
diff --git a/grafana/grafana.db b/grafana/grafana.db
index e0a31156..3abc571d 100644
Binary files a/grafana/grafana.db and b/grafana/grafana.db differ