diff --git a/src/ui/src/components/core/base/BaseInputSliderLayout.vue b/src/ui/src/components/core/base/BaseInputSliderLayout.vue
index 33a9ad05a..3069a7979 100644
--- a/src/ui/src/components/core/base/BaseInputSliderLayout.vue
+++ b/src/ui/src/components/core/base/BaseInputSliderLayout.vue
@@ -39,6 +39,10 @@ defineProps({
 	padding-top: 5px;
 	padding-bottom: 5px;
 }
+.BaseInputRange--popover-always-visible {
+	/* add extra margin to make sure the popover does not overflow on something */
+	margin-top: 24px;
+}
 
 :deep(.BaseInputRange__slider) {
 	height: 8px;
diff --git a/src/ui/src/components/core/base/BaseInputSliderThumb.vue b/src/ui/src/components/core/base/BaseInputSliderThumb.vue
index 5c86f1f1b..f63ee1e59 100644
--- a/src/ui/src/components/core/base/BaseInputSliderThumb.vue
+++ b/src/ui/src/components/core/base/BaseInputSliderThumb.vue
@@ -124,11 +124,6 @@ function getOffsetLeft() {
 </script>
 
 <style scoped>
-.BaseInputRange--popover-always-visible {
-	/* add extra margin to make sure the popover does not overflow on something */
-	margin-top: 24px;
-}
-
 .BaseInputRange__thumb {
 	border: none;