From 1762f85ef991807fa44b596c40328c8313101252 Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zenomilan@me.com>
Date: Thu, 23 Jan 2025 14:10:47 +0100
Subject: [PATCH] Reduce gap between subsequent header buttons (#2765)

---
 .changeset/dull-chefs-talk.md                          | 5 +++++
 packages/gitbook/src/components/Header/HeaderLinks.tsx | 2 +-
 packages/gitbook/src/components/primitives/Button.tsx  | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/dull-chefs-talk.md

diff --git a/.changeset/dull-chefs-talk.md b/.changeset/dull-chefs-talk.md
new file mode 100644
index 000000000..dd21ab863
--- /dev/null
+++ b/.changeset/dull-chefs-talk.md
@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Reduce gap between subsequent header buttons
diff --git a/packages/gitbook/src/components/Header/HeaderLinks.tsx b/packages/gitbook/src/components/Header/HeaderLinks.tsx
index c794d15fe..6698f369f 100644
--- a/packages/gitbook/src/components/Header/HeaderLinks.tsx
+++ b/packages/gitbook/src/components/Header/HeaderLinks.tsx
@@ -13,7 +13,7 @@ export async function HeaderLinks({ children }: HeaderLinksProps) {
         <div
             className={tcls(
                 styles.containerHeaderlinks,
-                'grow shrink flex justify-end items-center gap-x-4 lg:gap-x-6 min-w-9 z-20',
+                'grow shrink flex justify-end items-center gap-x-4 lg:gap-x-6 min-w-9 z-20 lg:[&>.button+.button]:-ml-2',
             )}
         >
             {children}
diff --git a/packages/gitbook/src/components/primitives/Button.tsx b/packages/gitbook/src/components/primitives/Button.tsx
index ee7b7ff4e..60cce882b 100644
--- a/packages/gitbook/src/components/primitives/Button.tsx
+++ b/packages/gitbook/src/components/primitives/Button.tsx
@@ -62,6 +62,7 @@ export function Button({
     const sizeClasses = sizes[size] || sizes.default;
 
     const domClassName = tcls(
+        'button',
         'inline-block',
         'rounded-md',
         'straight-corners:rounded-none',