diff --git a/frontend/src/styles/inputs.scss b/frontend/src/styles/inputs.scss
index e9322362c..85915bc29 100644
--- a/frontend/src/styles/inputs.scss
+++ b/frontend/src/styles/inputs.scss
@@ -23,14 +23,14 @@ input[type="range"] {
   -webkit-appearance: none;
   padding: 0;
   width: 100%;
-  height: 1rem;
+  height: 1.25em;
   border-radius: var(--roundness);
   &::-webkit-slider-thumb {
     -webkit-appearance: none;
     padding: 0;
     border: none;
     width: 25%;
-    height: 1rem;
+    height: 1.25em;
     border-radius: var(--roundness);
     background-color: var(--main-color);
     &:hover {
@@ -46,7 +46,7 @@ input[type="range"] {
     padding: 0;
     border: none;
     width: 25%;
-    height: 1rem;
+    height: 1.25em;
     border-radius: var(--roundness);
     background-color: var(--main-color);
     &:hover {