diff --git a/src/common/Slider/styles.less b/src/common/Slider/styles.less
index 675660d3a..3f46cba42 100644
--- a/src/common/Slider/styles.less
+++ b/src/common/Slider/styles.less
@@ -9,6 +9,9 @@ html.active-slider-within {
 }
 
 .slider-container {
+    --track-size: 0.5rem;
+    --thumb-size: 1.5rem;
+
     position: relative;
     z-index: 0;
     overflow: visible;
@@ -51,20 +54,20 @@ html.active-slider-within {
 
     .track {
         flex: 1;
-        height: var(--track-size, 0.5rem);
+        height: var(--track-size);
         background-color: @color-primary-dark3;
     }
 
     .track-before {
         flex: none;
-        height: var(--track-size, 0.5rem);
+        height: var(--track-size);
         background-color: @color-primary-light3;
     }
 
     .thumb {
         flex: none;
-        width: var(--thumb-size, 1.5rem);
-        height: var(--thumb-size, 1.5rem);
+        width: var(--thumb-size);
+        height: var(--thumb-size);
         transform: translateX(-50%);
         fill: @color-surface-light5;
     }