Высота строки формы изменилась, когда я добавил выбранный ввод в форму

Сначала я начал создавать свою форму, добавив только текстовые поля для простоты, пока не решит, как я хочу, чтобы это выглядело.

Позже, когда я добавил несколько других типов входов, например, селектор выпадающего списка, форма начала изменять высоту строки в строках, где расположены те элементы, где они расположены.

-------------------------------------------------- -------------------

-------------------------------------------------- -------------------

-------------------------------------------------- -------------------

Симпатичный стиль линии в меньшем значении не работал для меня, потому что все входные данные, независимо от того, насколько они выглядят в форме, сообщают о том же строчке-высоте 26 пикселей и изменяют ее до меньшего значения, заставляя метку перекрываться с этим небольшим линии ниже каждого входа.

Как я могу исправить это и показать свою форму, как это было вначале?

РЕДАКТИРОВАТЬ:

Я забыл упомянуть, что это может быть проблема с ярлыком, потому что ярлык для всех селекторов отображается внизу.

EDIT2:

Мой код выглядит примерно так:

<md-input-container flex="" layout="column" ng-repeat="field in row">
      <!-- input label -->
      <label>{{field.label}}</label>
      <input name="field.field" ng-model="field.val">
</md-input-container>
<md-input-container flex="" layout="column" ng-repeat="field in row">
      <!-- input label -->
      <label>{{field.label}}</label>
      <md-select ng-model="field.val">
        <md-option ng-repeat="c in field.list" value="{{c.value}}">{{c.label}}</md-option>
      </md-select>
</md-input-container>

EDIT3:

Кажется, что md-select наследует отступы 24px 2px 26px от angular-material.css на 6022, который отвечает за это. Я все же сомневаюсь, что в угловом материале каждый должен удалить заполнение по умолчанию выбранного входа, чтобы он совпадал со всеми другими входами.