diff --git a/components/Slider/index.scss b/components/Slider/index.scss
index 0a3a64d3..5de1f3a9 100644
--- a/components/Slider/index.scss
+++ b/components/Slider/index.scss
@@ -27,12 +27,12 @@
   display: block;
   width: 20px;
   height: 20px;
-  background-color: var(--slider-thumb-bg);
-  box-shadow: 0 2px 10px var(--slider-thumb-shadow);
+  background-color: white;
+  box-shadow: 0 2px 10px var(--button-bg);
   border-radius: 10px;
 
   &:hover {
-    background-color: var(--slider-thumb-bg-hover);
+    background-color: darken(white, 10%);
     box-shadow: 0 2px 10px var(--slider-thumb-shadow-hover);
     cursor: grab;
   }