The form element mdb-select is not vertically aligned with the input field.

<div class="row">
    <div class="col-6">
      <div class="md-form mt-0">
        <mdb-select name="dataTypes" id="dataTypes" [(ngModel)]="selectedDataType" [options]="dataTypes" (ngModelChange)="onDataTypeChange($event)"></mdb-select>
      </div>
    </div>    
  <div class="col-6">
    <div class="md-form mt-0">
      <input mdbInput type="text" id="filter" class="form-control" (keyup)="applyFilter($event.target.value)">
      <label for="filter" class="">Filter</label>
    </div>
  </div>    
</div>