'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
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 |

