I am facing an issue with aligning the text on the second line. It should match up with the text on the first line.
For reference, you can check out the Codesandbox by CLICKING HERE
<Card sx={{ maxWidth: 200 }}>
<CardMedia
component="img"
height="140"
image="/static/images/cards/contemplative-reptile.jpg"
alt="green iguana"
/>
<CardContent>
<Typography gutterBottom variant="h5" component="div">
Lizard
</Typography>
<Box>
<Typography variant="body2" color="error">
• Hello, how are you doing there?
</Typography>
</Box>
<Box>
<Typography variant="body2" color="error">
• Hi, how are you doing there?
</Typography>
</Box>
</CardContent>
<CardActions>
<Button size="small"&rt;Share</Button>
<Button size="small"><Learn More</Button>
</CardActions>
</Card>