diff --git a/src/components/MarkdownLayout.jsx b/src/components/MarkdownLayout.jsx
index 6208ed6e0..ba6852af8 100644
--- a/src/components/MarkdownLayout.jsx
+++ b/src/components/MarkdownLayout.jsx
@@ -78,7 +78,7 @@ export default function DocsLayout({
           <PrevNextLinks />
         </div>
       </main>
-      <div className="hidden px-8 xl:sticky xl:top-[4.5rem] xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-14">
+      <div className="hidden px-8 xl:sticky xl:top-[6rem] xl:block xl:h-[calc(100vh-6rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-14">
         <TableOfContents tableOfContents={tableOfContents} />
       </div>
     </>
diff --git a/src/components/Prose.jsx b/src/components/Prose.jsx
index 20307d21d..5fd9f300a 100644
--- a/src/components/Prose.jsx
+++ b/src/components/Prose.jsx
@@ -7,7 +7,7 @@ export function Prose({ as: Component = 'div', className, ...props }) {
         className,
         'prose prose-slate max-w-none dark:prose-invert dark:text-slate-400',
         // headings
-        'prose-headings:scroll-mt-28 prose-headings:font-display prose-headings:font-normal lg:prose-headings:scroll-mt-[8.5rem]',
+        'prose-headings:font-display prose-headings:scroll-mt-28 prose-headings:font-normal lg:prose-headings:scroll-mt-[10rem]',
         // lead
         'prose-lead:text-slate-500 dark:prose-lead:text-slate-400',
         // links