[Slider] Align value label text center (#23075)

mui · Oct 15, 2020 · a92256e · a92256e
1 parent 77e6054
commit a92256e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/material-ui-lab/src/SliderStyled/ValueLabelStyled.js b/packages/material-ui-lab/src/SliderStyled/ValueLabelStyled.js
@@ -50,6 +50,7 @@ const ValueLabelRoot = experimentalStyled(
   '& .MuiSlider-valueLabelLabel': {
     color: props.theme.palette.primary.contrastText,
     transform: 'rotate(45deg)',
+    textAlign: 'center',
   },
 }));
 

diff --git a/packages/material-ui/src/Slider/ValueLabel.js b/packages/material-ui/src/Slider/ValueLabel.js
@@ -37,6 +37,7 @@ const styles = (theme) => ({
   label: {
     color: theme.palette.primary.contrastText,
     transform: 'rotate(45deg)',
+    textAlign: 'center',
   },
 });