diff --git a/components/roadmap/content-drawer.tsx b/components/roadmap/content-drawer.tsx
index f93307c7f..e0dd4214c 100644
--- a/components/roadmap/content-drawer.tsx
+++ b/components/roadmap/content-drawer.tsx
@@ -27,7 +27,7 @@ export function ContentDrawer(props: ContentDrawerProps) {
         bg="black"
         opacity={0.4}
       />
-      <RemoveScroll>
+      <RemoveScroll allowPinchZoom>
         <Box
           p="0px 30px 30px"
           position="fixed"
diff --git a/pages/[roadmap]/interactive.tsx b/pages/[roadmap]/interactive.tsx
index c01c5ee70..100c5ac3a 100644
--- a/pages/[roadmap]/interactive.tsx
+++ b/pages/[roadmap]/interactive.tsx
@@ -34,7 +34,7 @@ function RoadmapRenderer(props: RoadmapProps) {
         console.error(err);
         setHasError(true);
       });
-  }, []);
+  }, [get, roadmap.id]);
 
   // Event bindings for the roadmap interactivity
   useEffect(() => {