Метка mdbootstrap для форм не работает должным образом

Question

Я создаю форму в Angular с помощью mdbootstrap. Я не могу изменить размер шрифта моей метки. Ниже мой код:

<div class="card w-50 p-3">
<h1 class="card-header">Login <i class="material-icons">
    lock_open
    </i></h1>
    <div class="card-body">
  <form [formGroup] = "userForm" (ngSubmit) = "onSubmit()">
      <div class="md-form">
        <label>
          E-mail &nbsp;&nbsp;<i class="material-icons">
            mail_outline
            </i>
          </label><br>
        <input type="email" formControlName = "email"><br><br><br>

      </div>
      <div class="md-form">
          <label>Password &nbsp;<i class="material-icons">
              visibility_off
              </i></label><br>
          <input type="password" formControlName = "password"><br><br><br>
      </div>
  </form>
</div>
</div>

А вот так выглядит моя форма: