diff --git a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/realtime/map/map.tsx b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/realtime/map/map.tsx
index a66bf3e1..793031da 100644
--- a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/realtime/map/map.tsx
+++ b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/realtime/map/map.tsx
@@ -70,6 +70,15 @@ const Map = ({ markers }: Props) => {
     });
   }, []);
 
+  useEffect(() => {
+    if (ref.current) {
+      setSize({
+        width: ref.current.clientWidth,
+        height: ref.current.clientHeight,
+      });
+    }
+  }, []);
+
   const adjustSizeBasedOnZoom = (size: number) => {
     const minMultiplier = 1;
     const maxMultiplier = 7;