From 17f30c4ca265a4caa340bf10bc95fb9714501811 Mon Sep 17 00:00:00 2001
From: Adrian Kahali <adrian.kahali@hotmail.com>
Date: Tue, 19 May 2026 16:49:07 -0400
Subject: [PATCH 1/2] fix: sidebar styling

---
 src/components/sidebar-tree-view.tsx | 10 +++++-----
 src/layouts/DocsLayout.astro         |  2 ++
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/sidebar-tree-view.tsx b/src/components/sidebar-tree-view.tsx
index 62a3012..606d267 100644
--- a/src/components/sidebar-tree-view.tsx
+++ b/src/components/sidebar-tree-view.tsx
@@ -73,7 +73,7 @@ function NestedCategory({
               : 'text-stone-600 hover:bg-black/5 hover:text-stone-900 dark:text-stone-400 dark:hover:bg-white/5 dark:hover:text-stone-100'
           }`}
         >
-          <span className="flex items-center gap-1.5">
+          <span className="flex items-center gap-2">
             {node.icon && <TreeIcon name={node.icon} />}
             {node.label}
           </span>
@@ -93,7 +93,7 @@ function NestedCategory({
           onClick={() => setExpanded((v) => !v)}
           className={`${labelClass} cursor-pointer text-stone-600 hover:bg-black/5 hover:text-stone-900 dark:text-stone-400 dark:hover:bg-white/5 dark:hover:text-stone-100`}
         >
-          <span className="flex items-center gap-1.5">
+          <span className="flex items-center gap-2">
             {node.icon && <TreeIcon name={node.icon} />}
             {node.label}
           </span>
@@ -146,7 +146,7 @@ function ChildNode({
   const active = isPathActive(node.href, currentPath)
   const pad = PAD[depth] ?? PAD[PAD.length - 1]
   const activeLine =
-    depth === 1
+    depth >= 1
       ? ' relative before:absolute before:left-2.5 before:top-2 before:bottom-2 before:w-px before:bg-primary'
       : ''
 
@@ -154,7 +154,7 @@ function ChildNode({
     <li>
       <a
         href={node.href}
-        className={`flex items-center gap-1.5 rounded-md ${pad} pr-2 py-1.5 ${textSize === 'base' ? 'text-base' : 'text-sm'} transition-colors ${
+        className={`flex items-center gap-2 rounded-md ${pad} pr-2 py-1.5 ${textSize === 'base' ? 'text-base' : 'text-sm'} transition-colors ${
           active
             ? `text-primary bg-primary/10 dark:bg-primary/15 font-medium${activeLine}`
             : 'text-stone-600 hover:bg-black/5 hover:text-stone-900 dark:text-stone-400 dark:hover:bg-white/5 dark:hover:text-stone-100'
@@ -176,7 +176,7 @@ export default function SidebarTreeView({ nodes, currentPath, textSize = 'sm' }:
           return (
             <div key={node.path} className="mb-8">
               <h3
-                className={`mb-[.625rem] flex items-center gap-1.5 pl-2 pr-2 ${textSize === 'base' ? 'text-base' : 'text-sm'} font-semibold text-[rgb(22,27,30)] dark:text-[rgb(222,226,230)]`}
+                className={`mb-[.625rem] flex items-center gap-2 pl-2 pr-2 ${textSize === 'base' ? 'text-base' : 'text-sm'} font-semibold text-[rgb(22,27,30)] dark:text-[rgb(222,226,230)]`}
               >
                 {node.icon && <TreeIcon name={node.icon} />}
                 {node.label}
diff --git a/src/layouts/DocsLayout.astro b/src/layouts/DocsLayout.astro
index 9e50515..3f430e1 100644
--- a/src/layouts/DocsLayout.astro
+++ b/src/layouts/DocsLayout.astro
@@ -54,6 +54,7 @@ const navItems: { label: string; href: string; icon?: string }[] = [
 
     <MobileSidebar
       client:load
+      transition:persist
       navItems={navItems}
       tree={sidebarTree}
       currentPath={currentPath}
@@ -70,6 +71,7 @@ const navItems: { label: string; href: string; icon?: string }[] = [
       <div class="hidden lg:flex">
         <Sidebar
           client:load
+          transition:persist
           currentPath={currentPath}
           navItems={navItems}
           tree={sidebarTree}

From 4965bd9764c893830910619be5ac36ebb977dc4c Mon Sep 17 00:00:00 2001
From: Adrian Kahali <adrian.kahali@hotmail.com>
Date: Tue, 19 May 2026 17:00:21 -0400
Subject: [PATCH 2/2] revert

---
 src/layouts/DocsLayout.astro | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/layouts/DocsLayout.astro b/src/layouts/DocsLayout.astro
index 3f430e1..9e50515 100644
--- a/src/layouts/DocsLayout.astro
+++ b/src/layouts/DocsLayout.astro
@@ -54,7 +54,6 @@ const navItems: { label: string; href: string; icon?: string }[] = [
 
     <MobileSidebar
       client:load
-      transition:persist
       navItems={navItems}
       tree={sidebarTree}
       currentPath={currentPath}
@@ -71,7 +70,6 @@ const navItems: { label: string; href: string; icon?: string }[] = [
       <div class="hidden lg:flex">
         <Sidebar
           client:load
-          transition:persist
           currentPath={currentPath}
           navItems={navItems}
           tree={sidebarTree}