Problems with showcounter, large distance between field and

Expected behavior the same distance when "is-vaild" is missing

Actual behavior when adding "is-valid" to the class="form-control is-valid" the distance to the counter gets bigger.

Resources (screenshots, code snippets etc.)

                    <div class="col">
                      <div style="width: 23rem;">
                        <div class="form-outline" >
                          <input
                            type="text"
                            id="form15"
                            class="form-control is-valid"
                            data-mdb-showcounter="true"
                            maxlength="20"
                          />
                          <label class="form-label" for="form15">Example label</label>
                          <div class="form-helper"></div>
                          <div class="valid-feedback">

                            </div> 
                        </div>
                      </div>
                    </div>   
                </div>