The items in the grid are being stretched but the paper component inside is not stretching
<Grid
container
justifyContent="center"
direction="row"
spacing={2}
alignItems="stretch">
<Grid item lg={3} md={3}>
<Paper className={classes.paperClass} elevation={3}>
<Typography variant="h5">Lorem ipsum dolor</Typography>
<Typography>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic
obcaecati fugiat, cu
</Typography>
</Paper>
</Grid>
<Grid item lg={3} md={3}>
<Paper className={classes.paperClass} elevation={3}>
<Typography variant="h5">Lorem ipsum dolor</Typography>
<Typography>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic
obcaecati fugiat, cu
</Typography>
</Paper>
</Grid>
<Grid item lg={3} md={3}>
<Paper className={classes.paperClass} elevation={3}>
<Typography variant="h5">Lorem ipsum dolor</Typography>
<Typography>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic
obcaecati fugiat, cur sit, amet consectetur adipisicing elit. Hic
obcaecati fugiat, cu
</Typography>
</Paper>
</Grid>
</Grid>
I want each paper in grid item to have equal height but the stretch property is not working