From 6f422854054f26d097ee2d9d8d2e192b6545920f Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Tue, 25 Aug 2026 10:18:30 +0200
Subject: [PATCH] fix(layout): adjust header z-index layers for mobile/desktop
 viewports

---
 app/components/layout/Header.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/components/layout/Header.tsx b/app/components/layout/Header.tsx
index de43b49..4767f58 100644
--- a/app/components/layout/Header.tsx
+++ b/app/components/layout/Header.tsx
@@ -7,9 +7,14 @@ import BrandLogo from "./BrandLogo";
 import SearchBar from "../ui/SearchBar";
 import UserBadge from "./UserBadge";
 
+/**
+ * Renders the primary application header navigation bar, containing the responsive brand logo, search input, and user profile badge.
+ *
+ * @returns {JSX.Element} The rendered top header navigation component.
+ */
 export default function Header() {
   return (
-    <header className="h-16 md:h-20 border-b border-border backdrop-blur-md px-3 sm:px-4 md:px-6 flex items-center justify-between sticky top-0 z-50 bg-background/80">
+    <header className="h-16 md:h-20 border-b border-border backdrop-blur-md px-3 sm:px-4 md:px-6 flex items-center justify-between sticky top-0 z-50 md:z-0 bg-background/80">
       {/* Left Sidebar: Logo & Search Bar */}
       <div className="flex items-center gap-2 flex-1 max-w-sm md:max-w-md mr-6">
         <div className="md:hidden flex items-center shrink-0">