Is there a way to align an icon with the text so that they are on the same level? Currently, it seems like the icon is slightly above the text. I've tried using padding-top: 5px
and margin-top: 5px
, but those solutions didn't work as expected.
<Box>
<Typography variant="h2">
Photography <FaCamera />
</Typography>
</Box>
I have created a demo on Stackblitz. Can anyone provide assistance with this issue?