I have encountered an issue with Material UI buttons in my code. Here's how I am using them:
<main className="content">
<div className="buttons">
<Button
variant="contained"
></Button>
<br />
<br />
<Button
variant="contained"
>
Text
</Button>
</div>
</main>
.content {
padding-left: 280px;
padding-top: 100px;
background-color: white;
}
.buttons {
padding-top: 20px;
flex-direction: column;
display: flex;
width: 200px;
}
However, the first button seems to be hiding on my screen, and I can only see the lower half of it. You can view a working example on CodeSandbox here:
https://codesandbox.io/s/cranky-pond-4bqgm?file=/src/page.css:0-179