diff --git a/packages/app/constants/settings/components/sliderValues/index.jsx b/packages/app/constants/settings/components/sliderValues/index.jsx
index 54b17a39..a7eb4c2f 100644
--- a/packages/app/constants/settings/components/sliderValues/index.jsx
+++ b/packages/app/constants/settings/components/sliderValues/index.jsx
@@ -64,10 +64,11 @@ export default (props) => {
value={values[slider.key] ?? 0}
orientation="vertical"
valueLabelDisplay="off"
- step={slider.step ?? 0.1}
+ step={slider.step ?? props.step ?? 0.1}
min={slider.min}
max={slider.max}
disabled={props.disabled}
+ marks={props.marks ?? props.marks}
/>
diff --git a/packages/app/constants/settings/components/sliderValues/index.less b/packages/app/constants/settings/components/sliderValues/index.less
index 7de8480b..cc2868f0 100644
--- a/packages/app/constants/settings/components/sliderValues/index.less
+++ b/packages/app/constants/settings/components/sliderValues/index.less
@@ -2,7 +2,7 @@
display: flex;
flex-direction: row;
- padding: 10px;
+ padding: 10px 0;
width: 100%;
@@ -29,8 +29,15 @@
display: inline-flex;
flex-direction: row;
+ overflow: hidden;
+
span {
font-size: 0.7rem;
+
+ white-space: nowrap;
+ text-overflow: clip;
+
+ overflow: hidden;
}
}
@@ -45,6 +52,7 @@
.MuiSlider-vertical {
min-height: 300px;
+ color: var(--primaryColor);
}
}
}
\ No newline at end of file