Unable to style font size of the numpad

[ihmcjacky]

After reading the README, it mentions Any css style is customizable using styled components..

I tried to use styled components, wrapping the NumPad components with desired styles, but it is not applying to the numpad's font, here is the code I have written.

const NumPadComponent = () => (
        <NumPad.Number
            onChange={handleAmtChange}
            theme={theme.numPad}
            negative={false}
            label={label}
        >
            {el}
        </NumPad.Number>
    )

const StyledNumPadComponent = styled(NumPadComponent)`
    font-size: 3.5rem;
`

Thank you