diff --git a/front/src/components/ui/Slider.vue b/front/src/components/ui/Slider.vue
index a82032c58..3719c12a1 100644
--- a/front/src/components/ui/Slider.vue
+++ b/front/src/components/ui/Slider.vue
@@ -152,7 +152,7 @@ onMounted(() => {
   }
   // Fake slider
   .range {
-    width: calc(var(--step-size) * var(--current-step) + 2px);
+    width: calc(var(--step-size) * var(--current-step) + 4px);
     position: absolute;
     top: 6px;
     left: 2.5px;
@@ -166,6 +166,15 @@ onMounted(() => {
   input:focus~.range {
     // focused style
   }
+  input[type=range]::-moz-range-thumb {
+    background-color: var(--fw-primary);
+    transition: all .1s;
+    pointer-events: none;
+  }
+  input[type="range"]::-moz-range-track {
+    background: var(--fw-gray-800);
+    border-radius: 8px;
+  }
   .pin {
     border-radius: 8px;
     width: 16px;