Outlined input's label covers input text when in accord

*Expected behavior*Given a form (in a card) with an outlined input field

<mdb-card>
  <mdb-card-body>
    <form autocomplete="off" [formGroup]="form">
      <div class="md-form md-outline">
        <input mdbInput type="text" class="form-control" id="foo1" formControlName="foo1">
        <label for="foo1" class="mb-0">label (card)</label>
      </div>
    </form>
  </mdb-card-body>
</mdb-card>

I expect

And I would expect the same result when the same form is in an accordion but instead the input label covers part of the text in the input field

<mdb-accordion [multiple]="true">
  <mdb-accordion-item [collapsed]="false">
    <mdb-accordion-item-body>
      <form autocomplete="off" [formGroup]="form">
        <div class="md-form md-outline">
          <input mdbInput type="text" class="form-control" id="foo2" formControlName="foo2">
          <label for="foo2" class="mb-0">label (accordion)</label>
        </div>
      </form>
    </mdb-accordion-item-body>
  </mdb-accordion-item>
</mdb-accordion>

Actual behavior

Is it a bug? How can I fix it or when can you fix it?

Thanks

Resources (screenshots, code snippets etc.)