diff --git a/packages/material-tailwind-react/src/components/Slider/index.tsx b/packages/material-tailwind-react/src/components/Slider/index.tsx
index 344cc775c..54ad3fe48 100644
--- a/packages/material-tailwind-react/src/components/Slider/index.tsx
+++ b/packages/material-tailwind-react/src/components/Slider/index.tsx
@@ -135,7 +135,10 @@ export const Slider = React.forwardRef<HTMLDivElement, SliderProps>(
     // 4. return
     return (
       <div {...rest} ref={ref} className={sliderContainerClasses}>
-        <label className={sliderBarClasses} style={{ width: `${value || innerValue}%` }} />
+        <label
+          className={sliderBarClasses}
+          style={{ width: `${(Number(value || innerValue) / Number(max || 100)) * 100}%` }}
+        />
         <input
           ref={inputRef}
           type="range"