final fixes on where the classes are applied

Author: mnajdova

packages/material-ui-unstyled/src/SliderUnstyled/SliderUnstyled.js

@@ -156,13 +156,14 @@ const useSliderClasses = (props) => {
       [classes['marked']]: marked,
       [sliderUnstyledClasses['vertical']]: orientation === 'vertical',
       [classes['vertical']]: orientation === 'vertical',
+    }),
+    rail: clsx(sliderUnstyledClasses['rail'], classes['rail']),
+    track: clsx(sliderUnstyledClasses['track'], classes['track'], {
       [sliderUnstyledClasses['trackInverted']]: track === 'inverted',
       [classes['trackInverted']]: track === 'inverted',
       [sliderUnstyledClasses['trackFalse']]: track === false,
       [classes['trackFalse']]: track === false,
     }),
-    rail: clsx(sliderUnstyledClasses['rail'], classes['rail']),
-    track: clsx(sliderUnstyledClasses['track'], classes['track']),
     mark: clsx(sliderUnstyledClasses['mark'], classes['mark']),
     markActive: clsx(sliderUnstyledClasses['markActive'], classes['markActive']),
     markLabel: clsx(sliderUnstyledClasses['markLabel'], classes['markLabel']),
@@ -171,7 +172,6 @@ const useSliderClasses = (props) => {
     thumb: clsx(sliderUnstyledClasses['thumb'], classes['thumb'], {
       [classes['disabled']]: disabled,
       [sliderUnstyledClasses['disabled']]: disabled,
-      [sliderUnstyledClasses['vertical']]: orientation === 'vertical',
     }),
     active: clsx(sliderUnstyledClasses['active'], classes['active']),
     disabled: clsx(sliderUnstyledClasses['disabled'], classes['disabled']),