diff --git a/app/src/MaplibreMap.tsx b/app/src/MaplibreMap.tsx
index dd8299e..7a9370d 100644
--- a/app/src/MaplibreMap.tsx
+++ b/app/src/MaplibreMap.tsx
@@ -460,6 +460,9 @@ function MaplibreMap(props: { file: PMTiles; mapHashPassed: boolean }) {
     });
 
     map.on("click", (e) => {
+      popupFrozen
+        ? popup.removeClassName("frozen")
+        : popup.addClassName("frozen");
       setPopupFrozen((p) => !p);
     });
 
diff --git a/app/src/stitches.config.ts b/app/src/stitches.config.ts
index 1a14d7a..992e794 100644
--- a/app/src/stitches.config.ts
+++ b/app/src/stitches.config.ts
@@ -61,4 +61,10 @@ export const globalStyles = globalCss({
     color: "$white",
     fontFamily: "sans-serif",
   },
+  ".maplibregl-popup .maplibregl-popup-content": {
+    pointerEvents: "none",
+  },
+  ".maplibregl-popup.frozen .maplibregl-popup-content": {
+    pointerEvents: "auto",
+  },
 });