https://i.stack.imgur.com/kbiWi.png
I'm trying to figure out how to make the Repos and Stars buttons fill the entire height of their parent container, similar to the Github icon. Unfortunately, the code below is not achieving this effect. I attempted adding height:100% to the flatButtonStyle, but it resulted in the entire Paper component extending to take up the full page. How can I resolve this issue?
return <>
<Grid container>
<Paper>
<Button style={flatButtonStyle}><GithubSVG /></Button>
<Tooltip title="Visit github.com/nateshmbhat">
<a target="_blank" href="https://github.com/nateshmbhat" style={{ padding: '10px' }}>nateshmbhat</a>
</Tooltip>
<Button style={flatButtonStyle}><i className="fa fa-archive"></i> repos</Button>
<Button style={flatButtonStyle}><i className="fa fa-star"></i> Stars</Button>
</Paper>
</Grid>
</>