Google Material Design spec says there should be a 20px gap between the icon and the text in dropdown menus:

https://goo.gl/t6ME8T

However in Material-UI there is no difference between ListItem and MenuItem in this regard and the gap is 32px (which is correct for ListItem according to the Material Design spec).

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

A 20px wide gap between icons and text in menu items.

Current Behavior 😯

A 32px wide gap between icons and text in menu items.

Steps to Reproduce 🕹

Link: https://material-ui.com/demos/menus/#customized-menuitem

Ignore the fact the the items in the demo above are "customized" – the customization only applies to color. It's the only demo that has item icons and hence demonstrates the issue.

Context 🔦

General use.

Your Environment 🌎