IconButton in a TableCell resizes cell height

[foxylion]

When using a IconButton inside a TableCell I am unable to fit the icon inside the table row without increasing the height of the row. This leads to a higher row than the others.

• 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 🤔

I expected that the small variant of a IconButton should fit inside a TableCell or have any documentation/example that tells me how I can get a IconButton inside a TableCell without accidentally increasing the tables height.

Current Behavior 😯

The table row is a little bit higher than the others.

Steps to Reproduce 🕹

https://codesandbox.io/s/mm1kqy9x58

Context 🔦

We want to add an icon to some table rows.

Your Environment 🌎

Tech	Version
Material-UI	v3.8.2

[oliviertassinari]

@foxylion I believe we could provide a size property to the icon button component. It would simplify the current workaround 🤔.

<IconButton style={{ padding: 8 }}>
  <Edit fontSize="small" />
</IconButton>

[foxylion]

@oliviertassinari Thanks, this helped for the moment, we used your workaround.
Would be great when this gets at some point implemented.

[oliviertassinari]

The icon button now has a size prop, this problem should be solved: #14649.

[foxylion]

@oliviertassinari Thank you!