From dae590fc58968820235b9c1b0757dcaa5a63ae9f Mon Sep 17 00:00:00 2001
From: Iron_Felix <trubnikov.arseniy@mail.ru>
Date: Sat, 20 Dec 2025 04:40:35 +0300
Subject: [PATCH] fix: header drop menu now musnt slide under other components

---
 modules/frontend/src/components/Header/Header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/modules/frontend/src/components/Header/Header.tsx b/modules/frontend/src/components/Header/Header.tsx
index 9c3b39a..1653a99 100644
--- a/modules/frontend/src/components/Header/Header.tsx
+++ b/modules/frontend/src/components/Header/Header.tsx
@@ -76,13 +76,13 @@ export const Header: React.FC = () => {
               <div className="relative">
                 <button
                   onClick={() => setDropdownOpen(!dropdownOpen)}
-                  className="text-gray-700 hover:text-blue-600 font-medium flex items-center gap-1"
+                  className="text-gray-700 hover:text-blue-600 font-medium flex items-center z-[100] gap-1"
                 >
                   {username}
                   <span className="text-[10px]">▼</span>
                 </button>
                 {dropdownOpen && (
-                  <div className="absolute right-0 mt-2 w-48 bg-white border rounded shadow-lg z-50 py-1">
+                  <div className="absolute right-0 top-full mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-xl z-[100] py-1">
                     <Link 
                       to="/profile" 
                       className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"