From 7f73f8ddba9190614b8af1e8e3547ed73ef7b34b Mon Sep 17 00:00:00 2001
From: Steven Hall <steven@gitbook.io>
Date: Wed, 6 Nov 2024 17:02:25 +0000
Subject: [PATCH 1/2] Fix an issue where the active site section indicator
 appeared above any dropdowns.

---
 packages/gitbook/src/components/Header/Dropdown.tsx       | 1 -
 packages/gitbook/src/components/Header/Header.tsx         | 4 ++--
 packages/gitbook/src/components/Header/HeaderLinkMore.tsx | 2 +-
 packages/gitbook/src/components/Header/HeaderLinks.tsx    | 2 +-
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/gitbook/src/components/Header/Dropdown.tsx b/packages/gitbook/src/components/Header/Dropdown.tsx
index 597522a49f..36e9387148 100644
--- a/packages/gitbook/src/components/Header/Dropdown.tsx
+++ b/packages/gitbook/src/components/Header/Dropdown.tsx
@@ -44,7 +44,6 @@ export function Dropdown<E extends HTMLElement>(props: {
                     'absolute',
                     'top-full',
                     'left-0',
-                    'z-20',
                     'origin-top-left',
                     'invisible',
                     'transition-opacity',
diff --git a/packages/gitbook/src/components/Header/Header.tsx b/packages/gitbook/src/components/Header/Header.tsx
index a08a797d75..33506ca8a1 100644
--- a/packages/gitbook/src/components/Header/Header.tsx
+++ b/packages/gitbook/src/components/Header/Header.tsx
@@ -72,11 +72,11 @@ export function Header(props: {
                     )}
                 >
                     <HeaderLogo site={site} space={space} customization={customization} />
-                    <span>
+                    <div className="z-20">
                         {!hasSiteSections && isMultiVariants ? (
                             <SpacesDropdown space={space} spaces={spaces} />
                         ) : null}
-                    </span>
+                    </div>
                     <HeaderLinks>
                         {customization.header.links.map((link, index) => {
                             return (
diff --git a/packages/gitbook/src/components/Header/HeaderLinkMore.tsx b/packages/gitbook/src/components/Header/HeaderLinkMore.tsx
index cc304539cf..9eb98a313a 100644
--- a/packages/gitbook/src/components/Header/HeaderLinkMore.tsx
+++ b/packages/gitbook/src/components/Header/HeaderLinkMore.tsx
@@ -43,7 +43,7 @@ export function HeaderLinkMore(props: {
     );
 
     return (
-        <div className={`${styles.linkEllipsis} items-center`}>
+        <div className={`${styles.linkEllipsis} items-center z-20`}>
             <Dropdown button={renderButton} className="-translate-x-48 md:translate-x-0">
                 <DropdownMenu>
                     {links.map((link, index) => (
diff --git a/packages/gitbook/src/components/Header/HeaderLinks.tsx b/packages/gitbook/src/components/Header/HeaderLinks.tsx
index fc609949b3..4522f07825 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,
-                'flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56',
+                'flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20',
             )}
         >
             {children}

From c15566c72c66ddd79ebeaf7494d1b7da41d93a54 Mon Sep 17 00:00:00 2001
From: Steven Hall <steven@gitbook.io>
Date: Wed, 6 Nov 2024 17:03:00 +0000
Subject: [PATCH 2/2] Changeset

---
 .changeset/large-hornets-exist.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/large-hornets-exist.md

diff --git a/.changeset/large-hornets-exist.md b/.changeset/large-hornets-exist.md
new file mode 100644
index 0000000000..2ffda899e3
--- /dev/null
+++ b/.changeset/large-hornets-exist.md
@@ -0,0 +1,5 @@
+---
+'gitbook': minor
+---
+
+Fix an issue where the active site section indicator appeared above any dropdowns.