fix(MenuItem): Remove maxWidth and add it on Menu instead

Author: JF-Cozy

react/Menu/Readme.md

@@ -76,6 +76,15 @@ const hideMenu = () => setState({ showMenu: false })
       </ListItemIcon>
       <ListItemText primary="Attachment" />
     </MenuItem>
+    <MenuItem onClick={hideMenu}>
+      <ListItemIcon>
+        <Icon icon={PeopleIcon} />
+      </ListItemIcon>
+      <ListItemText
+        primary="Item with a very long title to show how it should be displayed"
+        primaryTypographyProps={{ ellipsis: false }}
+      />
+    </MenuItem>
     <MenuItem onClick={hideMenu}>
       <ListItemText primary="Item without icon" />
     </MenuItem>

react/MuiCozyTheme/overrides/makeLightNormalOverrides.js

@@ -365,9 +365,13 @@ export const makeLightNormalOverrides = theme => ({
       right: 0
     }
   },
+  MuiMenu: {
+    paper: {
+      maxWidth: 320
+    }
+  },
   MuiMenuItem: {
     root: {
-      maxWidth: 320,
       whiteSpace: 'normal',
       overflow: 'auto',
       paddingTop: 4,