The padding for IconButton and ListItem are absent for @material-ui/core 5.0.0-alpha.21

[andrew-hwahin]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Expected Behavior 🤔

Steps to Reproduce 🕹

Steps:

Upgrade @material-ui/core from 5.0.0-alpha.20 to 5.0.0-alpha.21

Context 🔦

Your Environment 🌎

`npx @material-ui/envinfo`

[mbrookes]

Please provide a code-sandbox reproducing the issue, thanks.

[xs9627]

Got the same problem,
It seems emotion style loaded in the wrong order and override the jss style,

Try yarn start on my project,
https://github.com/xs9627/feedpop/tree/next_21

[mnajdova]

Duplicate of #24186

You need to use <StylesProvider injectFirst> from @material-ui/core in order for the emotion styles to be injected first in the head. See https://next.material-ui.com/guides/interoperability/#css-injection-order for more info.

[oliviertassinari]

Duplicate of #24109

[andrew-hwahin]

Duplicate of #24186

You need to use <StylesProvider injectFirst> from @material-ui/core in order for the emotion styles to be injected first in the head. See https://next.material-ui.com/guides/interoperability/#css-injection-order for more info.

After I add <StylesProvider injectFirst> the result is still the same

I'm using import { makeStyles } from '@material-ui/core/styles' to style my component.

[mnajdova]

It should work. Make sure the import to the StylesProvider is correct. If you provide codesandbox I can take a look.