Merge branch 'master' into Template-Changes

1 files changed, 8 insertions, 8 deletions

diff --git a/packages/components/src/components/Slider/Slider.tsx b/packages/components/src/components/Slider/Slider.tsx
index 5af945383..fefc14832 100644
--- a/packages/components/src/components/Slider/Slider.tsx
+++ b/packages/components/src/components/Slider/Slider.tsx
@@ -52,7 +52,7 @@ export const Slider = (props: ISliderProps) => {
     const toDecimal = (num: number) => (decimals !== undefined ? Math.round(num * Math.pow(10, decimals)) / Math.pow(10, decimals) : num);
 
     const getLeftPos = (locVal: number) => {
-        const dragger = getHeight(+(height || 0), size);
+        const dragger = +getHeight(height, size);
         return ((locVal - min) / (max - min)) * (width - dragger);
     };
 
@@ -65,8 +65,8 @@ export const Slider = (props: ISliderProps) => {
                     background: color,
                     color: isDark(color) ? Colors.LIGHT_GRAY : Colors.DARK_GRAY,
                     fontSize: getFontSize(size),
-                    height: getHeight(+(height || 0), size),
-                    width: getHeight(+(height || 0), size),
+                    height: getHeight(height, size),
+                    width: getHeight(height, size),
                     top: 0,
                 }}>
                 <span className="rs-label">{toDecimal(locVal)}</span>
@@ -132,7 +132,7 @@ export const Slider = (props: ISliderProps) => {
                 lastEndVal = endNumberLoc;
             }}
             style={{
-                padding: `5px 0px ${getHeight(+(height || 0), size)}px 0px`,
+                padding: `5px 0px ${getHeight(height, size)}px 0px`,
                 width: fillWidth ? '100%' : 'fit-content',
             }}>
             <div
@@ -141,22 +141,22 @@ export const Slider = (props: ISliderProps) => {
                     r && new ResizeObserver(() => setWidth(+(r?.clientWidth ?? 100))).observe(r);
                     setWidth(+(r?.clientWidth ?? 100));
                 }}
-                style={{ height: getHeight(+(height || 0), size) }}
+                style={{ height: getHeight(height, size) }}
                 onPointerDown={onPointerDown}>
                 {ValSlider}
                 <div
                     className="selected-range"
                     style={{
-                        height: getHeight(+(height || 0), size) / 10,
+                        height: +getHeight(height, size) / 10,
                         background: multithumb ? Colors.LIGHT_GRAY : color,
                     }}
                 />
                 <div
                     className="range"
                     style={{
-                        height: getHeight(+(height || 0), size) / 10,
+                        height: +getHeight(height, size) / 10,
                         width: getLeftPos(endNumber) - getLeftPos(number),
-                        left: getLeftPos(number) + getHeight(+(height || 0), size),
+                        left: getLeftPos(number) + +getHeight(height, size),
                         display: multithumb ? undefined : 'none',
                         background: color,
                     }}