From 743f6746e0ab9b03cfc0d3b39b493895951c01b6 Mon Sep 17 00:00:00 2001
From: MOH <info@mohfarawati.de>
Date: Tue, 10 Mar 2026 18:11:39 +0100
Subject: [PATCH] Remove locale switch jump from header nav

---
 components/layout/site-header.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/components/layout/site-header.tsx b/components/layout/site-header.tsx
index 6fd2959..26c4719 100644
--- a/components/layout/site-header.tsx
+++ b/components/layout/site-header.tsx
@@ -84,11 +84,7 @@ function NavLinks({
               onClick={onNavigate}
             >
               {isActive ? (
-                <motion.span
-                  layoutId={`site-header-active-tab-${locale}`}
-                  className="absolute inset-0 -z-10 rounded-pill bg-primary shadow-xs"
-                  transition={{ type: "spring", stiffness: 380, damping: 30 }}
-                />
+                <span className="absolute inset-0 -z-10 rounded-pill bg-primary shadow-xs" />
               ) : null}
               {t(item.key)}
             </Link>
@@ -233,7 +229,10 @@ export function SiteHeader({
               initial={false}
               animate={isScrolled ? { y: -1, scale: 0.985 } : { y: 0, scale: 1 }}
               transition={reducedMotion ? { duration: 0 } : { duration: 0.3, ease: [0.22, 1, 0.36, 1] }}
-              className="inline-flex min-w-[31rem] items-center justify-center gap-1 rounded-pill border border-border/70 bg-background/80 p-1.5 backdrop-blur-chrome"
+              className={cn(
+                "inline-flex items-center gap-1 rounded-pill border border-border/70 bg-background/80 p-1.5 backdrop-blur-chrome",
+                isArabic ? "w-auto max-w-none" : "min-w-[27rem] max-w-[42rem]",
+              )}
             >
               <NavLinks />
             </motion.nav>