angular - El texto del marcador de posición de Mat Input está borroso

El texto del marcador de posición de matInput está borroso en Chrome/Safari (creo que en todo).

Código :

<div class="form-group">
     <mat-form-field>
        <input matInput placeholder="Email" ngModel name="email" id="email" type="email" required>
    </mat-form-field>
</div>
<div class="form-group">
   <mat-form-field>
        <input matInput placeholder="Password" ngModel name="password" id="password" type="password" required>
   </mat-form-field>
</div>

Captura de pantalla:

Respuesta #1

Este problema fue causado por centrar el elemento con transform/translate 50%.

¡Usar flex box y alinear el elemento al centro solucionó el problema!

¡Solo un aviso!