Angular Material mat-form-field's outline and mat-label is invisible when loaded first time

Question

I am using custom dark theme in angular material. I have a login page which is just a form with an \'email\' input and a password input.

Here is the login.compone