diff --git a/packages/website/components/Toc/index.tsx b/packages/website/components/Toc/index.tsx
index 50ee3b421..fcf4c642a 100644
--- a/packages/website/components/Toc/index.tsx
+++ b/packages/website/components/Toc/index.tsx
@@ -31,7 +31,7 @@ export default function (props: {
       <div
         id="toc-container"
         className="bg-white w-60 card-shadow dark:card-shadow-dark ml-2 dark:bg-dark overflow-y-auto pb-2"
-        style={{ maxHeight: 450 }}
+        style={{ maxHeight: 'calc(100vh - 200px)' }}
       >
         <MarkdownTocBar content={props.content} headingOffset={56} />
       </div>