Ion-input floating label not centered vertically

Hi, im using the ion-input component with this configuration:

<ion-input label="Outline input" label-placement="floating" fill="outline" placeholder="Enter text"></ion-input>

Just like in the Documentation:

My issue is that the Floating Label (unfocused) isn’t vertically centered.

Also the Colors are different, the Input color is Grey instead of Black Like In the Documentation.

I fixed this by applying custom Styling but should this even be nessesary?

How do i fix the (unfocused) Floating Label Alignment?

The (focused) Floating Label Alignment is fine.

Thanks in advance for awnsering.