'Align text next to link vertical center in MaterialUI Grid

I'm having trouble trying to get the count aligned center vertically with the link

<Grid container justify="flex-end">
  <Grid alignItems="center" className={styles} direction="row" item justify="center">
    <Link className={classes.allCompanies} to="/companies">view all companies</Link> 
    {companyCount && <span className={classes.companyCount}>({companyCount})</span>}
  </Grid>
</Grid>

the count span is showing bottom aligned with the link (at least it appears that way to me, it should be a little higher up):

enter image description here

javascriptcssmaterial-ui


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions