Quero que as Grids não fiquem alinhadas, tentei ver na documentação porém não encontrei nada relacionado, segue abaixo o código atual que estou usando
<Grid container spacing={0.5} >
<Grid item xs={6} >
<Paper elevation={5} >
<Anual pedidos={props.pedidos} />
</Paper>
</Grid>
<Grid item xs={6} >
<Paper elevation={5} style={{ height: "500px" }}>
</Paper>
</Grid>
<Grid item xs={6}>
<Paper elevation={5} style={{ height: "300px" }}>
</Paper>
</Grid>
</Grid>