Can't edit MuiTypography-root

I'm having an issue editing the child of MuiTypography where I want to remove the line-height from muitypography-root it has to be a solution that will only apply to this section. Below I've attached the jsx and a picture from the browser.

logo:{
        color: '#26262d',
        fontWeight: '600',
        mr: '8px',
        fontSize: '1.5rem',
        "& .MuiTypography-root": {
            lineHeight: 'none',
        }