Input text very small when hovering on autofill suggestion

Here is working solution that worked for me in 2021 for Chrome not to change font size on autocomplete suggest hover:

input#email {
  font-size: 2rem;
  color: blue;
}

input:-webkit-autofill::first-line {
      color: red;
      font-size: 2rem;
}

<input id="email"></input>

Also I noticed that for some reason display: flex conflicts with that code, take a look:

input#email {
  font-size: 2rem;
  color: blue;
  display: flex;
}

input:-webkit-autofill::first-line {
      color: red;
      font-size: 2rem; 
}

<input id="email"></input>

There is a solution:

input:-webkit-autofill::first-line {font-size: 16px}

Related