autofill rollover changing input size

Question

Trying to style input changing text when using autofill on an input field.

Saw this post but it only worked for border color. Could not get it to work for input font size change.

Using styled components in react: This works below.

const Input = styled.input`
  &:-webkit-autofill,
  &:-webkit-autofill:hover,
  &:-webkit-autofill:focus {
    -webkit-text-fill-color: green;
  }
`

This does not work :

    const Input = styled.input`
      &:-webkit-autofill,
      &:-webkit-autofill:hover,
      &:-webkit-autofill:focus {
        font-size: 30px;      
      }
    `