Reduce gap between subsequent header buttons (#2765)

Author: zenoachtig

.changeset/dull-chefs-talk.md

@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Reduce gap between subsequent header buttons

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}

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',