How can I vertically center align the button within this grid? I've tried using vertical-align but it doesn't seem to work. I'm currently adjusting the vertical position of the button using top: "30%"
, but I'm looking for a better way to center it.
https://i.sstatic.net/gRXfp.png
<form className={classes.container} noValidate autoComplete="off">
<Grid container spacing={1}>
<Grid item xs={5}>
<TextField
id="standard-name"
label="AWS account"
className={classes.textField}
margin="normal"
/>
</Grid>
<Grid item xs={7}>
<Button variant="contained" color="primary" className={classes.button}>
Link AWS account
</Button>
</Grid>
</Grid>
</form>;