diff --git a/src/components/TableOfContents.astro b/src/components/TableOfContents.astro
index 4cab6d5..2859777 100644
--- a/src/components/TableOfContents.astro
+++ b/src/components/TableOfContents.astro
@@ -6,10 +6,12 @@ interface Props {
 }
 
 const { headings } = Astro.props;
+
+const showTOC = headings && headings.length > 2;
 ---
 
 {
-  headings?.length && (
+  showTOC && (
     <nav class="toc" aria-labelledby="tocHeader">
       <h2 class="toc-header" id="tocHeader">
         On this page
diff --git a/src/layouts/ProseLayout.astro b/src/layouts/ProseLayout.astro
index 592ee6a..b95596a 100644
--- a/src/layouts/ProseLayout.astro
+++ b/src/layouts/ProseLayout.astro
@@ -28,7 +28,6 @@ const {
   color,
   headings,
 } = Astro.props;
-const useTableOfContents = headings && headings.length > 0;
 ---
 
 <BaseLayout
@@ -50,7 +49,7 @@ const useTableOfContents = headings && headings.length > 0;
       annotation={annotation}
     />
     <slot name="after-header" />
-    {useTableOfContents && <TableOfContents headings={headings} />}
+    <TableOfContents headings={headings} />
     <section itemprop="articleBody" class="prose">
       <slot />
     </section>