'Cannot set padding to 0 on Material UI Button

I'm using a normal Button from Material-UI for React tried adding the following style

button: {
    display: 'inline-block',
    padding:0
  }

to this button

<Button className={classes.button}> I'm a Test Button </Button>

What I obtain is that the padding for the right/left side is correctly set to 0, while the one for top/bottom is not updated, see the attached image.

Is this a bug? Or what's the correct way to achieve this?

EDIT: Material-UI version: v1.0.0-beta.20

enter image description here



Solution 1:[1]

This answer is more accurate than @Brunno

<Button sx={{ minHeight: 0, minWidth: 0, padding: 0 }}>My Button</Button>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 iamtheasad