Fix custom range height (#26898)

Fixes #26897

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 5e1fa1992785187a8bbc780669ec667cd9316e64..d9b62fc3747fd02d065669f0bdea0cebd5287adc 100644 (file)
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -314,7 +314,8 @@
 
 .custom-range {
   width: 100%;
-  padding-left: 0; // Firefox specific
+  height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2});
+  padding: 0; // Need to reset padding
   background-color: transparent;
   appearance: none;