fix(ListSubheader): Only 1rem of text indent on mobile

cozy · Jun 30, 2022 · af38d1d · af38d1d
1 parent 29c161f
commit af38d1d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/react/MuiCozyTheme/makeOverrides.js b/react/MuiCozyTheme/makeOverrides.js
@@ -432,14 +432,17 @@ const makeOverrides = theme => ({
       padding: 0,
       height: '2rem',
       backgroundColor: theme.palette.background.paper,
-      textIndent: '2rem',
+      textIndent: '1rem',
       fontWeight: 'bold',
       fontSize: '.75rem',
       textTransform: 'uppercase',
       alignItems: 'center',
       display: 'flex',
       lineHeight: 1.33,
-      color: theme.palette.text.secondary
+      color: theme.palette.text.secondary,
+      [theme.breakpoints.up('sm')]: {
+        textIndent: '2rem'
+      }
     },
     gutters: {
       paddingLeft: 0,