diff --git a/docs/custom.css b/docs/custom.css
index e1465cb80b..3f807eee76 100644
--- a/docs/custom.css
+++ b/docs/custom.css
@@ -503,9 +503,15 @@ samp {
     color: var(--hf-heading);
   }
 
-  #navbar .nav-tabs-item.text-primary {
-    background: color-mix(in srgb, var(--hf-heading) 9%, transparent);
+  #navbar .nav-tabs-item[aria-current] {
+    background: var(--hf-brand-soft);
+    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hf-brand) 55%, transparent);
     color: var(--hf-heading) !important;
+    font-weight: 600;
+  }
+
+  #navbar .nav-tabs-item:focus:not(:focus-visible) {
+    outline: none;
   }
 
   #navbar .nav-tabs-item > .absolute.bottom-0 {