diff --git a/web/app/components/base/slider/index.tsx b/web/app/components/base/slider/index.tsx
index 0bc89264e1..4e83ac5702 100644
--- a/web/app/components/base/slider/index.tsx
+++ b/web/app/components/base/slider/index.tsx
@@ -33,7 +33,8 @@ const Slider: React.FC<ISliderProps> = ({
     step={step || 1}
     className={cn('slider relative', className)}
     thumbClassName={cn('absolute top-[-9px] h-5 w-2 rounded-[3px] border-[0.5px] border-components-slider-knob-border bg-components-slider-knob shadow-sm  focus:outline-none', !disabled && 'cursor-pointer', thumbClassName)}
-    trackClassName={cn('slider-track h-0.5 rounded-full', trackClassName)}
+    // eslint-disable-next-line tailwindcss/classnames-order
+    trackClassName={cn('h-0.5 rounded-full slider-track', trackClassName)}
     onChange={onChange}
   />
 }