From e1b2cf6d8110f23fc3e02fe0062095b7dfb0b137 Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zeno@gitbook.io>
Date: Thu, 14 Aug 2025 17:52:56 +0200
Subject: [PATCH] Fix page outline scroll (#3563)

---
 .changeset/breezy-toes-raise.md                         | 5 +++++
 packages/gitbook/src/components/PageAside/PageAside.tsx | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/breezy-toes-raise.md

diff --git a/.changeset/breezy-toes-raise.md b/.changeset/breezy-toes-raise.md
new file mode 100644
index 000000000..724563342
--- /dev/null
+++ b/.changeset/breezy-toes-raise.md
@@ -0,0 +1,5 @@
+---
+"gitbook": patch
+---
+
+Fix scroll of page outline
diff --git a/packages/gitbook/src/components/PageAside/PageAside.tsx b/packages/gitbook/src/components/PageAside/PageAside.tsx
index 8d87e04f1..800290f83 100644
--- a/packages/gitbook/src/components/PageAside/PageAside.tsx
+++ b/packages/gitbook/src/components/PageAside/PageAside.tsx
@@ -109,7 +109,7 @@ export function PageAside(props: {
             >
                 <PageAsideHeader context={context} />
                 {page.layout.outline ? (
-                    <div>
+                    <div className="overflow-y-auto border-tint xl:max-2xl:page-api-block:border-t">
                         {document ? (
                             <React.Suspense fallback={null}>
                                 <PageAsideSections document={document} context={context} />
@@ -162,7 +162,7 @@ async function PageAsideSections(props: { document: JSONDocument; context: GitBo
     const sections = await getDocumentSections(context, document);
 
     return sections.length > 1 ? (
-        <div className="-mt-8 overflow-y-auto border-tint pt-8 pb-5 empty:hidden xl:max-2xl:page-api-block:mt-0 xl:max-2xl:border-t xl:max-2xl:page-api-block:p-2">
+        <div className="-mt-8 pt-8 pb-5 empty:hidden xl:max-2xl:page-api-block:mt-0 xl:max-2xl:page-api-block:p-2">
             <ScrollSectionsList sections={sections} />
         </div>
     ) : null;