NavBar style fix

src/components/Navbar/Navbar.jsx

@@ -41,6 +41,7 @@ export default function Navbar() {
           ))}
         </ul>
 
+        <div className={styles.navActions}>
           <ThemeToggle />
 
           <button
@@ -53,6 +54,7 @@ export default function Navbar() {
             <span />
             <span />
           </button>
+        </div>
       </nav>
     </header>
   );

src/components/Navbar/Navbar.module.scss

@@ -88,6 +88,12 @@
 }
 
 // ── Burger ─────────────────────────────────────────────────────
+.navActions {
+  display: flex;
+  align-items: center;
+  gap: $space-1;
+}
+
 .burger {
   display: none;
   flex-direction: column;
@@ -129,6 +135,13 @@
     gap: $space-4;
     transform: translateY(-110%);
     transition: transform $transition-base;
+    z-index: 99;
+
+    button {
+      width: 100%;
+      text-align: left;
+    }
+    transition: transform $transition-base;
 
     &.open {
       transform: translateY(0);