diff --git a/react/MuiCozyTheme/ListItemIcon/index.js b/react/MuiCozyTheme/ListItemIcon/index.js
index e38fed82db..b15fbc3de8 100644
--- a/react/MuiCozyTheme/ListItemIcon/index.js
+++ b/react/MuiCozyTheme/ListItemIcon/index.js
@@ -1,3 +1,9 @@
+import { withStyles } from '@material-ui/core/styles'
 import ListItemIcon from '@material-ui/core/ListItemIcon'
 
-export default ListItemIcon
+export default withStyles({
+  root: {
+    width: 32,
+    justifyContent: 'center'
+  }
+})(ListItemIcon)
diff --git a/react/NavigationList/Readme.md b/react/NavigationList/Readme.md
index 33cf9fe0b4..8cfc6a19ad 100644
--- a/react/NavigationList/Readme.md
+++ b/react/NavigationList/Readme.md
@@ -26,9 +26,9 @@ const NavigationListExample = ({ style }) => {
         <NavigationListSection>
         <ListItem>
           <ListItemIcon>
-            <Icon icon="gear" width="16" height="16" />
+            <Icon icon="gear" width="32" height="32" />
           </ListItemIcon>
-          <ListItemText primaryText="General settings" />
+          <ListItemText primaryText="General settings (large icon does not change size of icon area)" />
           <ListItemSecondaryAction>
             <Icon
               icon="right"