diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css
index 96bd28e8d..8759fd519 100644
--- a/src/components/cardbuilder/card.css
+++ b/src/components/cardbuilder/card.css
@@ -725,7 +725,7 @@ button::-moz-focus-inner {
 @media (min-width: 120em) {
     .overflowSquareCard,
     .overflowPortraitCard {
-        width: 10.3vw;
+        width: 10.41vw;
     }
 }
 
diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css
index 63c765e4e..4eaec3f73 100644
--- a/src/themes/blueradiance/theme.css
+++ b/src/themes/blueradiance/theme.css
@@ -1,3 +1,7 @@
+* {
+    scrollbar-color: #3b3b3b #202020;
+}
+
 .skinHeader,
 html {
     color: #ddd;
diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css
index 58e9ab185..6196275e3 100644
--- a/src/themes/dark/theme.css
+++ b/src/themes/dark/theme.css
@@ -1,3 +1,8 @@
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #3b3b3b #202020;
+}
+
 .skinHeader,
 html {
     color: #ddd;
@@ -425,8 +430,7 @@ html {
 }
 
 .layout-desktop ::-webkit-scrollbar {
-    width: 1em;
-    height: 1em;
+    width: 0.4em;
 }
 
 ::-webkit-scrollbar-thumb:horizontal,
diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css
index 41e176756..d453889a4 100644
--- a/src/themes/wmc/theme.css
+++ b/src/themes/wmc/theme.css
@@ -1,3 +1,7 @@
+* {
+    scrollbar-color: #3b3b3b #202020;
+}
+
 html {
     color: #eee;
     color: rgba(255, 255, 255, 0.9);