diff --git a/quartz/quartz/components/TableOfContents.tsx b/quartz/quartz/components/TableOfContents.tsx
index b9e8eea..7be8205 100644
--- a/quartz/quartz/components/TableOfContents.tsx
+++ b/quartz/quartz/components/TableOfContents.tsx
@@ -25,7 +25,7 @@ const TableOfContents: QuartzComponent = ({
   }
 
   return (
-    <div class={classNames(displayClass, "toc")}>
+    <div style={{ overflowY: "auto", maxHeight: "40vh" }} class={classNames(displayClass, "toc")}>
       <button type="button" id="toc" class={fileData.collapseToc ? "collapsed" : ""}>
         <h3>{i18n(cfg.locale).components.tableOfContents.title}</h3>
         <svg