From af38d1d944d30ae4cccd05c0c15241f50e3dcd7c Mon Sep 17 00:00:00 2001
From: JF-Cozy <julien.ficheux@cozycloud.cc>
Date: Thu, 30 Jun 2022 12:20:40 +0200
Subject: [PATCH] fix(ListSubheader): Only 1rem of text indent on mobile

---
 react/MuiCozyTheme/makeOverrides.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/react/MuiCozyTheme/makeOverrides.js b/react/MuiCozyTheme/makeOverrides.js
index 0953550410..daf31bdcef 100644
--- 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,