diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss
index 0789939..5f1fe08 100644
--- a/assets/scss/common/_dark.scss
+++ b/assets/scss/common/_dark.scss
@@ -188,7 +188,7 @@ body.dark .docs-navigation {
 }
 
 body.dark pre code::-webkit-scrollbar-thumb {
-  background: $border-dark;
+  background: $gray-400;
 }
 
 body.dark code:not(.hljs) {
@@ -202,7 +202,7 @@ body.dark pre code:hover {
 }
 
 body.dark pre code::-webkit-scrollbar-thumb:hover {
-  background: $border-dark;
+  background: $gray-500;
 }
 
 body.dark blockquote {
diff --git a/assets/scss/components/_code.scss b/assets/scss/components/_code.scss
index 9ad855b..c53e6f7 100644
--- a/assets/scss/components/_code.scss
+++ b/assets/scss/components/_code.scss
@@ -49,14 +49,14 @@ pre code::-webkit-scrollbar {
 }
 
 pre code::-webkit-scrollbar-thumb {
-  background: $gray-200;
+  background: $gray-400;
 }
 
 pre code:hover {
   scrollbar-width: thin;
-  scrollbar-color: $gray-200 transparent;
+  scrollbar-color: $gray-500 transparent;
 }
 
 pre code::-webkit-scrollbar-thumb:hover {
-  background: $gray-200;
+  background: $gray-500;
 }