From 448b0cc1a6f221ddb6a91b3e25e5580349a4de64 Mon Sep 17 00:00:00 2001
From: Steven <steven@straatemans.nl>
Date: Tue, 12 Nov 2024 10:52:48 +0100
Subject: [PATCH] fix the header zindex (#2659)

---
 .changeset/famous-ties-search.md                                | 2 ++
 packages/libs/kode-ui/src/patterns/SideBarLayout/sidebar.css.ts | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/famous-ties-search.md

diff --git a/.changeset/famous-ties-search.md b/.changeset/famous-ties-search.md
new file mode 100644
index 0000000000..a845151cc8
--- /dev/null
+++ b/.changeset/famous-ties-search.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/libs/kode-ui/src/patterns/SideBarLayout/sidebar.css.ts b/packages/libs/kode-ui/src/patterns/SideBarLayout/sidebar.css.ts
index f14e4906cf..faf9da9169 100644
--- a/packages/libs/kode-ui/src/patterns/SideBarLayout/sidebar.css.ts
+++ b/packages/libs/kode-ui/src/patterns/SideBarLayout/sidebar.css.ts
@@ -265,7 +265,7 @@ export const headerWrapperClass = recipe({
       justifyContent: 'flex-start',
       height: minHeaderHeight,
       gridArea: 'sidebarlayout-header',
-      zIndex: 2,
+      zIndex: token('zIndex.overlay'),
     },
   ],
   variants: {