Is that the normal behaviour of a material select?

Expected behavior
That the material select input is at the same height as the other input elements.

Actual behavior
As you can see in the snippet it is a litte bit higher than the others.
And the label of the material select is not on the same height as the other input labels.

Resources (screenshots, code snippets etc.)
Screenshot of how it is displayed wrong:
Screnshot of how it should look:

Link to the snippet:
https://mdbootstrap.com/snippets/jquery/akizo/1856795

HTML Code:

<div class="card">
  <div class="card-body">
    <div class="form-row">
      <div class="col-md-4">
        <div class="md-form">
          <input id="test1" type="text" class="form-control">
          <label for="test1">Test</label>
        </div>
      </div>
      <div class="col-md-4">
        <div class="md-form">
          <select id="test2" class="mdb-select">
            <option value="0">First select</option>
            <option value="1">Second select</option>
          </select>
          <label for="test2">Select</label>
        </div>
      </div>
      <div class="col-md-4">
        <div class="md-form">
          <input id="test3" type="text" class="form-control">
          <label for="test3">Test</label>
        </div>
      </div>
    </div>
  </div>
</div>