From b844a4af27628fcd6f913664f2b161d8b1178354 Mon Sep 17 00:00:00 2001
From: mr0x50 <24775431+mroxso@users.noreply.github.com>
Date: Sat, 15 Feb 2025 21:55:38 +0100
Subject: [PATCH] fix top navigation bar not sticky

---
 components/headerComponents/TopNavigation.tsx | 38 +++++++++----------
 1 file changed, 17 insertions(+), 21 deletions(-)

diff --git a/components/headerComponents/TopNavigation.tsx b/components/headerComponents/TopNavigation.tsx
index 1661f4a..74fcc26 100644
--- a/components/headerComponents/TopNavigation.tsx
+++ b/components/headerComponents/TopNavigation.tsx
@@ -21,36 +21,32 @@ export function TopNavigation() {
   // Prevent hydration mismatch by not rendering auth-dependent content until mounted
   if (!mounted) {
     return (
-      <nav>
-        <header className="bg-background/80 sticky top-0 z-40 w-full border-b backdrop-blur">
-          <div className="container flex h-16 items-center space-x-4 sm:justify-between sm:space-x-0">
-            <TopNavigationItems items={siteConfig.mainNav} />
-            <div className="flex flex-1 items-center justify-end space-x-4">
-              <nav className="flex items-center space-x-2">
-                <DropdownThemeMode />
-              </nav>
-            </div>
-          </div>
-        </header>
-      </nav>
-    );
-  }
-
-  return (
-    <nav>
       <header className="bg-background/80 sticky top-0 z-40 w-full border-b backdrop-blur">
         <div className="container flex h-16 items-center space-x-4 sm:justify-between sm:space-x-0">
           <TopNavigationItems items={siteConfig.mainNav} />
           <div className="flex flex-1 items-center justify-end space-x-4">
             <nav className="flex items-center space-x-2">
               <DropdownThemeMode />
-              {pubkey === null ? <RegisterButton /> : null}
-              {pubkey === null ? <LoginButton /> : null}
-              {pubkey !== null ? <AvatarDropdown /> : null}
             </nav>
           </div>
         </div>
       </header>
-    </nav>
+    );
+  }
+
+  return (
+    <header className="bg-background/80 sticky top-0 z-40 w-full border-b backdrop-blur">
+      <div className="container flex h-16 items-center space-x-4 sm:justify-between sm:space-x-0">
+        <TopNavigationItems items={siteConfig.mainNav} />
+        <div className="flex flex-1 items-center justify-end space-x-4">
+          <nav className="flex items-center space-x-2">
+            <DropdownThemeMode />
+            {pubkey === null ? <RegisterButton /> : null}
+            {pubkey === null ? <LoginButton /> : null}
+            {pubkey !== null ? <AvatarDropdown /> : null}
+          </nav>
+        </div>
+      </div>
+    </header>
   )
 }
\ No newline at end of file