diff --git a/src/lib/components/table-of-contents.svelte b/src/lib/components/table-of-contents.svelte
index 2539c0e..645067f 100644
--- a/src/lib/components/table-of-contents.svelte
+++ b/src/lib/components/table-of-contents.svelte
@@ -71,6 +71,8 @@
 
 {#if tocEntries.length > 0}
     <div class="{type ? "toc-container-side" : "toc-container"} blurred-background">
+        <p class="toc-header">on this page</p>
+
         <ul class="toc-list">
             {#each tocEntries as entry}
                 {@render tocEntryLine({ entry })}
@@ -121,6 +123,14 @@
             margin: 0;
             width: 100%;
         }
+
+        .toc-header {
+            margin: 0 var(--padding-indent-base);
+            font-weight: 700;
+            font-style: italic;
+            color: var(--color-highlight);
+            font-family: var(--font-mono);
+        }
         
         .toc-list a {
             width: 100%;
diff --git a/src/lib/viewport/content-sidebar.svelte b/src/lib/viewport/content-sidebar.svelte
index 8e8c378..db24cc0 100644
--- a/src/lib/viewport/content-sidebar.svelte
+++ b/src/lib/viewport/content-sidebar.svelte
@@ -46,7 +46,7 @@
         max-width: var(--page-width);
         width: 100%;
         display: grid;
-        grid-template-columns: auto minmax(300px, 24vw);
+        grid-template-columns: auto 300px;
     }
 
     .content-sidebar-main-container {