Reputation:
I am using material UI buttons like this
<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;
}
but for some reason the first button hides and I can only see the lower half of it on my screen. Here's a codesandbox example:
https://codesandbox.io/s/cranky-pond-4bqgm?file=/src/page.css:0-179
Upvotes: 0
Views: 58
Reputation: 1036
You first button doesn't have a text.
<Button
variant="contained"
color="primary"
onClick={() => history.push("./overfitting")}
>I'm here</Button>
Upvotes: 1