From 2aa4d08010bc3e43a1a56c6a50b52bcb28fedaa4 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 10 Dec 2021 14:21:51 +0100
Subject: [PATCH] Fix bad CLS score for frontend roadmapg

---
 pages/[roadmap]/interactive.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/[roadmap]/interactive.tsx b/pages/[roadmap]/interactive.tsx
index c54a91b1e..ab83dd27e 100644
--- a/pages/[roadmap]/interactive.tsx
+++ b/pages/[roadmap]/interactive.tsx
@@ -113,8 +113,13 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) {
     return <RoadmapError roadmap={roadmap} />;
   }
 
+  let minHeight: string[] = [];
+  if (roadmap.id === 'frontend') {
+    minHeight = ['970px', '970px', '2100px', '2800px', '2800px'];
+  }
+
   return (
-    <Container maxW={'container.lg'} position="relative">
+    <Container maxW={'container.lg'} position="relative" minHeight={minHeight}>
       {(isLoading || isRendering) && <RoadmapLoader />}
       <ContentDrawer
         roadmap={roadmap}