In case if font-size value of html element is different from 16px gray plate is displayed shifted Expected behavior gray plate should display central Actual behavior gray plate is displayed shifted Resources (screenshots, code snippets etc.)

 html {
   font-size: 14px;
 }

  <div>
      <input mdbInput type="text" id="time" class="form-control" formControlName="time"
             (focus)="timepicker.open()"
             [mdbTimePicker]="timepicker"/>
      <label for="time"></label>
      <mdb-timepicker-toggle [mdbTimePickerToggle]="timepicker"></mdb-timepicker-toggle>
      <mdb-timepicker #timepicker></mdb-timepicker>
  </div>