From 23d100cddec612a69437f63a383cd1aab38ae803 Mon Sep 17 00:00:00 2001
From: Yared Yemane <yaredyemane1@gmail.com>
Date: Wed, 15 Apr 2026 04:42:17 -0700
Subject: [PATCH] fix sticky filter stacking under global topbar

Raise topbar z-index and lower the Human Language filters panel stack so sticky filters cannot render above top navigation controls.

Made-with: Cursor
---
 src/components/topbar/Topbar.tsx                   | 2 +-
 src/pages/content-management/HumanLanguagePage.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/topbar/Topbar.tsx b/src/components/topbar/Topbar.tsx
index b42a173..8a3fb58 100644
--- a/src/components/topbar/Topbar.tsx
+++ b/src/components/topbar/Topbar.tsx
@@ -45,7 +45,7 @@ export function Topbar({ onSidebarToggle }: TopbarProps) {
   }
 
   return (
-    <header className="sticky top-0 z-10 flex h-16 items-center justify-between gap-3 border-b bg-grayScale-50/85 px-4 backdrop-blur lg:justify-end lg:px-6">
+    <header className="sticky top-0 z-40 flex h-16 items-center justify-between gap-3 border-b bg-grayScale-50/85 px-4 backdrop-blur lg:justify-end lg:px-6">
       {/* Sidebar toggle */}
       <button
         type="button"
diff --git a/src/pages/content-management/HumanLanguagePage.tsx b/src/pages/content-management/HumanLanguagePage.tsx
index cfc6b96..8ae4dc7 100644
--- a/src/pages/content-management/HumanLanguagePage.tsx
+++ b/src/pages/content-management/HumanLanguagePage.tsx
@@ -1382,7 +1382,7 @@ export function HumanLanguagePage() {
         </div>
       </div>
 
-      <Card className="sticky top-20 z-10 border-grayScale-200/80 bg-white/95 shadow-sm backdrop-blur supports-[backdrop-filter]:bg-white/80">
+      <Card className="sticky top-3 z-0 border-grayScale-200/80 bg-white/95 shadow-sm backdrop-blur supports-[backdrop-filter]:bg-white/80">
         <CardHeader className="pb-3">
           <CardTitle className="text-base font-semibold text-grayScale-900">Filters</CardTitle>
         </CardHeader>