Fix whitespace added with image (#2594)

BrettJephson · web-flow · commit 2ce59d7c92a7 · 2024-11-29T17:10:29.000Z
diff --git a/.changeset/stupid-bikes-eat.md b/.changeset/stupid-bikes-eat.md
@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Fix - whitespace added to site section tabs with icons.
diff --git a/packages/gitbook/src/components/SiteSectionTabs/SiteSectionTabs.tsx b/packages/gitbook/src/components/SiteSectionTabs/SiteSectionTabs.tsx
@@ -150,7 +150,7 @@ const Tab = React.forwardRef<
             role="tab"
             href={href}
         >
-            <span ref={ref} className={tcls('inline-flex gap-2 items-center w-full truncate')}>
+            <span ref={ref} className={tcls('flex gap-2 items-center w-full truncate')}>
                 {icon}
                 {label}
             </span>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'gitbook': patch
 +---
++
 +Fix - whitespace added to site section tabs with icons.
Original file line number	Diff line number	Diff line change
`@@ -150,7 +150,7 @@ const Tab = React.forwardRef<`
`150`	`150`	`role="tab"`
`151`	`151`	`href={href}`
`152`	`152`	`>`
`153`		`- <span ref={ref} className={tcls('inline-flex gap-2 items-center w-full truncate')}>`
	`153`	`+ <span ref={ref} className={tcls('flex gap-2 items-center w-full truncate')}>`
`154`	`154`	`{icon}`
`155`	`155`	`{label}`
`156`	`156`	`</span>`