From 3a0a50099300d15aa1e60fe3b82a9c48666b8ecc Mon Sep 17 00:00:00 2001
From: Anderson-Andre-P <eleu.ander@gmail.com>
Date: Tue, 9 Jun 2026 18:37:29 -0300
Subject: [PATCH 1/5] fix(sidebar): increase nested nav items indentation for
 better readability

---
 sites/docs/lib/_sass/components/_sidebar.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sites/docs/lib/_sass/components/_sidebar.scss b/sites/docs/lib/_sass/components/_sidebar.scss
index db57724e097..2d988e5d1ed 100644
--- a/sites/docs/lib/_sass/components/_sidebar.scss
+++ b/sites/docs/lib/_sass/components/_sidebar.scss
@@ -171,7 +171,7 @@
     }
 
     ul {
-      margin-left: 0.675rem;
+      margin-left: 1.75rem;
     }
 
     >.nav-header {

From 9f0a833969cc72191de57b84ddd72e7172c08fc6 Mon Sep 17 00:00:00 2001
From: Anderson-Andre-P <eleu.ander@gmail.com>
Date: Tue, 9 Jun 2026 18:41:57 -0300
Subject: [PATCH 2/5] feat(sidebar): highlight active nav item with blue
 background

---
 sites/docs/lib/_sass/components/_sidebar.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/sites/docs/lib/_sass/components/_sidebar.scss b/sites/docs/lib/_sass/components/_sidebar.scss
index 2d988e5d1ed..b3f34ec4574 100644
--- a/sites/docs/lib/_sass/components/_sidebar.scss
+++ b/sites/docs/lib/_sass/components/_sidebar.scss
@@ -157,10 +157,16 @@
 
           &:not(.collapsible) {
             color: var(--site-link-fgColor);
+            background-color: transparent;
           }
         }
       }
     }
+
+    &:has(> a.nav-link.active:not(.collapsible)) {
+      background-color: color-mix(in srgb, var(--site-primary-color) 12%, transparent);
+      border-radius: 0.25rem;
+    }
   }
 
   nav>ul {

From 12265a5332477a9b720b4eda9188acb196c6869c Mon Sep 17 00:00:00 2001
From: Anderson-Andre-P <eleu.ander@gmail.com>
Date: Tue, 9 Jun 2026 18:42:35 -0300
Subject: [PATCH 3/5] feat(sidebar): highlight active nav item with left border

---
 sites/docs/lib/_sass/components/_sidebar.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/sites/docs/lib/_sass/components/_sidebar.scss b/sites/docs/lib/_sass/components/_sidebar.scss
index b3f34ec4574..130bef81e53 100644
--- a/sites/docs/lib/_sass/components/_sidebar.scss
+++ b/sites/docs/lib/_sass/components/_sidebar.scss
@@ -166,6 +166,7 @@
     &:has(> a.nav-link.active:not(.collapsible)) {
       background-color: color-mix(in srgb, var(--site-primary-color) 12%, transparent);
       border-radius: 0.25rem;
+      border-inline-start: 3px solid var(--site-primary-color);
     }
   }
 

From 4ab64cb3a9aa5ee058516392d982ba551011423d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anderson=20Andr=C3=A9?= <eleu.ander@gmail.com>
Date: Tue, 9 Jun 2026 21:08:32 -0300
Subject: [PATCH 4/5] Update sites/docs/lib/_sass/components/_sidebar.scss

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
---
 sites/docs/lib/_sass/components/_sidebar.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sites/docs/lib/_sass/components/_sidebar.scss b/sites/docs/lib/_sass/components/_sidebar.scss
index 130bef81e53..5703a58a429 100644
--- a/sites/docs/lib/_sass/components/_sidebar.scss
+++ b/sites/docs/lib/_sass/components/_sidebar.scss
@@ -178,7 +178,7 @@
     }
 
     ul {
-      margin-left: 1.75rem;
+      margin-inline-start: 1.75rem;
     }
 
     >.nav-header {

From cecabaa6672203224df49ec511590cc85d7d063b Mon Sep 17 00:00:00 2001
From: Anderson-Andre-P <eleu.ander@gmail.com>
Date: Tue, 9 Jun 2026 21:13:33 -0300
Subject: [PATCH 5/5] fix(sidebar): move active nav styles to anchor to fix
 hover and alignment

---
 sites/docs/lib/_sass/components/_sidebar.scss | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/sites/docs/lib/_sass/components/_sidebar.scss b/sites/docs/lib/_sass/components/_sidebar.scss
index 5703a58a429..11a0ed4413b 100644
--- a/sites/docs/lib/_sass/components/_sidebar.scss
+++ b/sites/docs/lib/_sass/components/_sidebar.scss
@@ -157,17 +157,13 @@
 
           &:not(.collapsible) {
             color: var(--site-link-fgColor);
-            background-color: transparent;
+            background-color: color-mix(in srgb, var(--site-primary-color) 12%, transparent);
+            border-inline-start: 3px solid var(--site-primary-color);
+            padding-inline-start: calc(0.4rem - 3px);
           }
         }
       }
     }
-
-    &:has(> a.nav-link.active:not(.collapsible)) {
-      background-color: color-mix(in srgb, var(--site-primary-color) 12%, transparent);
-      border-radius: 0.25rem;
-      border-inline-start: 3px solid var(--site-primary-color);
-    }
   }
 
   nav>ul {