From d650a7cdc5604bc4b14deeaa2a9c00b7dd942419 Mon Sep 17 00:00:00 2001
From: Zeeshan Khan <zeeshanatnorth@gmail.com>
Date: Tue, 2 Jun 2026 19:16:22 +0200
Subject: [PATCH] fix: prevent Swedish nav label 'Logga in' from wrapping to
 two lines in desktop menu pills + make all nav buttons consistent height
 (whitespace-nowrap, flex-shrink-0, tighter px)

---
 components/Navbar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index c2b98d3..638fe7b 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -84,7 +84,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
         </Link>
 
         {/* Desktop Navigation - Premium Mesmerizing Design */}
-        <div className="hidden md:block">
+        <div className="hidden md:block flex-shrink-0">
           <div className="flex items-center rounded-full border border-[#c99a2e]/20 bg-white/60 px-2 py-1.5 backdrop-blur-3xl shadow-sm">
             <div className="relative flex items-center gap-1 text-sm font-medium text-[#101724]">
               {navLinks.map((link, index) => {
@@ -93,7 +93,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
                   <Link
                     key={index}
                     href={link.href}
-                    className="relative px-5 py-2 rounded-full transition-colors hover:text-[#0f5a4a] z-10"
+                    className="relative px-4 py-2 rounded-full transition-colors hover:text-[#0f5a4a] z-10 whitespace-nowrap"
                   >
                     <span className="relative z-10">{link.label}</span>
                     
@@ -248,7 +248,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
                       }`}
                     >
                       <Icon className={`h-5 w-5 flex-shrink-0 ${active ? 'text-[#c99a2e]' : 'text-[#B38B4D]'}`} />
-                      <span>{link.label}</span>
+                      <span className="whitespace-nowrap">{link.label}</span>
                       {active && (
                         <span className="ml-auto text-xs tracking-widest opacity-70">CURRENT</span>
                       )}