Angular Material: changing font size of input clips text

I am modifying the font size of my Angular Material inputs to 28px, but this is causing the descenders of some characters to be clipped, like the 'g' in this example:



Can't for the life of me work out how to solve this. Any ideas anyone? Which classes do I need to augment?

I modified my component in SCSS like this:

input {
font-size: 28px;
}

Continue reading...