diff --git a/assets/hb/modules/blog/scss/_sidebar.scss b/assets/hb/modules/blog/scss/_sidebar.scss
index aef9928a..95e9429d 100644
--- a/assets/hb/modules/blog/scss/_sidebar.scss
+++ b/assets/hb/modules/blog/scss/_sidebar.scss
@@ -29,10 +29,6 @@
     .hb-blog-sidebar {
         grid-area: sidebar;
 
-        &::-webkit-scrollbar {
-            width: 2px;
-        }
-
         @include media-breakpoint-up(lg) {
             overflow: auto;
 
@@ -42,6 +38,12 @@
     
                 @include top-offset(sticky);
             }
+
+            scrollbar-width: thin;
+
+            &:hover {
+                scrollbar-color: var(--#{$prefix}primary) transparent;
+            }
         }
 
         .hb-module {
diff --git a/assets/hb/modules/blog/scss/post/_toc.scss b/assets/hb/modules/blog/scss/post/_toc.scss
index 0c73b91f..bd5c7779 100644
--- a/assets/hb/modules/blog/scss/post/_toc.scss
+++ b/assets/hb/modules/blog/scss/post/_toc.scss
@@ -18,6 +18,12 @@
         }
 
         @include top-offset;
+
+        scrollbar-width: thin;
+
+        &:hover {
+            scrollbar-color: var(--#{$prefix}primary) transparent;
+        }
     }
 }