[IconButton] IconButton sizes are no longer fixed and vary

[jlascoleassi]

As of v3.1.x, the IconButton size was removed and the padding was changed, due to this commit:

fc42dde#diff-fde406414bd717fcea45f653b5632078

The icon buttons now vary in size and when they are next to each other especially, it's very odd and jarring. Was there a reason the width / height of 48 was removed and the padding went from 0 to 12? We use the FontAwesome library for our icons but that should not (and doesn't appear to) have an impact.

• 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

The buttons should be sized consistently

Current Behavior

They vary in size

Steps to Reproduce

Link:

Context

Your Environment

Tech	Version
Material-UI	v3.1.x
React
Browser
TypeScript
etc.

[eps1lon]

Could you add a repro so that a possible fix can test against that?

[oliviertassinari]

Your issue has been closed because it does not conform to our issue requirements.
Please provide a full reproduction test case. This would help a lot 👷 .
A live example would be perfect. This codesandbox.io template may be a good starting point. Thank you!