Fixed nav

src/components/Header.astro

@@ -5,12 +5,7 @@ import { siteConfig } from "../config/site";
 <header class="navbar bg-base-100 shadow-lg" role="banner">
     <div class="navbar-start">
         <div class="dropdown">
-            <button
-                aria-label="Open menu"
-                aria-expanded="false"
-                aria-controls="mobile-menu"
-                class="btn btn-ghost lg:hidden"
-            >
+            <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
                 <svg
                     xmlns="http://www.w3.org/2000/svg"
                     class="h-5 w-5"
@@ -25,10 +20,10 @@ import { siteConfig } from "../config/site";
                         stroke-width="2"
                         d="M4 6h16M4 12h8m-8 6h16"></path>
                 </svg>
-            </button>
+            </div>
             <ul
-                id="mobile-menu"
-                class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52"
+                tabindex="0"
+                class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow"
                 role="menu"
             >
                 {