From bf3ad28c7fe9c71eba032c0774341680a2b76c6b Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zeno@gitbook.io>
Date: Tue, 3 Feb 2026 16:10:32 +0100
Subject: [PATCH] Add margin to TOC items after page group (#3972)

---
 .../gitbook/src/components/TableOfContents/PageDocumentItem.tsx | 2 +-
 .../gitbook/src/components/TableOfContents/PageGroupItem.tsx    | 2 +-
 .../gitbook/src/components/TableOfContents/PageLinkItem.tsx     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/gitbook/src/components/TableOfContents/PageDocumentItem.tsx b/packages/gitbook/src/components/TableOfContents/PageDocumentItem.tsx
index ae5eb9a2d..a799a6531 100644
--- a/packages/gitbook/src/components/TableOfContents/PageDocumentItem.tsx
+++ b/packages/gitbook/src/components/TableOfContents/PageDocumentItem.tsx
@@ -12,7 +12,7 @@ export function PageDocumentItem(props: { page: ClientTOCPageDocument }) {
     const { page } = props;
 
     return (
-        <li className="flex flex-col">
+        <li className="page-document-item flex flex-col [.page-group-item+&]:mt-4">
             <ToggleableLinkItem
                 href={page.href ?? '#'}
                 pathnames={page.pathnames}
diff --git a/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx b/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx
index 9cb084cda..d4a34dff2 100644
--- a/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx
+++ b/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx
@@ -11,7 +11,7 @@ export function PageGroupItem(props: { page: ClientTOCPageGroup; isFirst?: boole
     const { page, isFirst } = props;
 
     return (
-        <li className="flex flex-col">
+        <li className="page-group-item flex flex-col">
             <div
                 className={tcls(
                     '-top-4 sticky z-1 flex items-center gap-3 px-3',
diff --git a/packages/gitbook/src/components/TableOfContents/PageLinkItem.tsx b/packages/gitbook/src/components/TableOfContents/PageLinkItem.tsx
index 04d14ef94..e1f013093 100644
--- a/packages/gitbook/src/components/TableOfContents/PageLinkItem.tsx
+++ b/packages/gitbook/src/components/TableOfContents/PageLinkItem.tsx
@@ -15,7 +15,7 @@ export function PageLinkItem(props: { page: ClientTOCPageLink }) {
     const isExternal = page.target.kind === 'url';
 
     return (
-        <li className={tcls('flex', 'flex-col')}>
+        <li className="page-link-item flex flex-col [.page-group-item+&]:mt-4">
             <Link
                 href={page.href ?? '#'}
                 classNames={['ToggleableLinkItemStyles']}