From a52daf8b150bfb35629103214b7f74f1e16ac90c Mon Sep 17 00:00:00 2001
From: Tomek <tomasz@gitbook.io>
Date: Fri, 18 Sep 2026 13:17:41 +0200
Subject: [PATCH] align dropdown chevron buttons between group items and page
 items (#4622)

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

diff --git a/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx b/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx
index 4acbbcd4e..81410cd49 100644
--- a/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx
+++ b/packages/gitbook/src/components/TableOfContents/PageGroupItem.tsx
@@ -71,7 +71,7 @@ export function PageGroupItem(props: { page: ClientTOCPageGroup; isFirst?: boole
                     {hasDescendants ? (
                         <span
                             className={tcls(
-                                'toc-group-chevron ml-auto flex shrink-0 transition-opacity duration-150',
+                                'toc-group-chevron ml-auto mr-1 flex shrink-0 transition-opacity duration-150',
                                 isOpen
                                     ? 'pointer-events-none opacity-0 delay-75'
                                     : 'opacity-6 delay-0'
diff --git a/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx b/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx
index 93dd99b5b..4946b320e 100644
--- a/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx
+++ b/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx
@@ -165,7 +165,7 @@ function Toggler(props: { isLinkActive: boolean; isOpen: boolean; onToggle: () =
             iconOnly
             variant="blank"
             aria-hidden="true" // The button has no label or focus so hiding it from screen readers.
-            className="-my-0.5 ml-auto min-h-6 min-w-6 text-current hover:bg-tint-base"
+            className="-my-0.5 -mr-1 ml-auto min-h-6 min-w-6 text-current hover:bg-tint-base"
             tabIndex={-1} // Prevent focus on the button since it's already inside a clickable link that performs the same toggle action.
         />
     );