From 849986edf182c527a1247be129ee5f3a07b4ec24 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sun, 15 Mar 2026 18:37:40 +0100
Subject: [PATCH] fix: restore active tab indicator in scrollable SiteNav

Move overflow-x-auto to the outer border-b container and use min-w-max
on the nav so the framer-motion layoutId indicator is not clipped.
---
 components/dashboard/SiteNav.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/dashboard/SiteNav.tsx b/components/dashboard/SiteNav.tsx
index 81aa912..bdf6607 100644
--- a/components/dashboard/SiteNav.tsx
+++ b/components/dashboard/SiteNav.tsx
@@ -35,8 +35,8 @@ export default function SiteNav({ siteId }: SiteNavProps) {
   }
 
   return (
-    <div className="border-b border-neutral-200 dark:border-neutral-800 mb-6">
-      <nav className="flex gap-1 overflow-x-auto scrollbar-hide" role="tablist" aria-label="Site navigation" onKeyDown={handleTabKeyDown}>
+    <div className="border-b border-neutral-200 dark:border-neutral-800 mb-6 overflow-x-auto scrollbar-hide">
+      <nav className="flex gap-1 min-w-max" role="tablist" aria-label="Site navigation" onKeyDown={handleTabKeyDown}>
         {tabs.map((tab) => (
           <Link
             key={tab.href}