diff --git a/src/assets/stylesheets/main/layout/_sidebar.scss b/src/assets/stylesheets/main/layout/_sidebar.scss
index 9c031d500..ec319ab8b 100644
--- a/src/assets/stylesheets/main/layout/_sidebar.scss
+++ b/src/assets/stylesheets/main/layout/_sidebar.scss
@@ -133,24 +133,25 @@
     scrollbar-gutter: stable;
     scrollbar-color: var(--md-default-fg-color--lighter) transparent;
 
-    // Sidebar scroll wrapper on hover
-    &:hover {
-      scrollbar-color: var(--md-accent-fg-color) transparent;
-    }
-
     // Webkit scrollbar
     &::-webkit-scrollbar {
       width: px2rem(4px);
       height: px2rem(4px);
     }
 
-    // Webkit scrollbar thumb
-    &::-webkit-scrollbar-thumb {
-      background-color: var(--md-default-fg-color--lighter);
+    // Sidebar scroll wrapper on focus/hover
+    &:focus-within,
+    &:hover {
+      scrollbar-color: var(--md-accent-fg-color) transparent;
 
-      // Webkit scrollbar thumb on hover
-      &:hover {
-        background-color: var(--md-accent-fg-color);
+      // Webkit scrollbar thumb
+      &::-webkit-scrollbar-thumb {
+        background-color: var(--md-default-fg-color--lighter);
+
+        // Webkit scrollbar thumb on hover
+        &:hover {
+          background-color: var(--md-accent-fg-color);
+        }
       }
     }
   }