diff --git a/pages/[roadmap]/interactive.tsx b/pages/[roadmap]/interactive.tsx
index 0b49b66f1..e3b62d36b 100644
--- a/pages/[roadmap]/interactive.tsx
+++ b/pages/[roadmap]/interactive.tsx
@@ -125,6 +125,10 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) {
     minHeight = ['870px', '1920px', '2505px', '2591px', '2591px', '2591px'];
   }
 
+  if (roadmap.id === 'vue') {
+    minHeight = ['600px', '820px', '1340px', '1680px', '1750px', '1750px'];
+  }
+
   return (
     <Container maxW={'container.lg'} position="relative" minHeight={minHeight}>
       {(isLoading || isRendering) && <RoadmapLoader />}