Почему элемент ввода увеличивает ширину гибкого контейнера?

Я использую flex-box в своем демонстрационном проекте. когда я создаю flex-container.

<div class="container">
      <div class="flex">
<div class="form-control flex-1 flex align-item-baseline"> </div>
<div class="form-control flex-1 flex align-item-baseline"></div>
<div class="form-control flex-1 flex align-item-baseline"></div>
<div class="form-control flex-1 flex align-item-baseline"></div>
<div class="form-control flex-1 flex align-item-baseline"></div>

      </div>
  </div>

все divs имеют 140 ширину. но когда я вставляю input field, его ширина увеличивается до 160

<div class="container">
      <div class="flex">
        <div class="form-control flex-1 flex align-item-baseline">
            <label class="color-red">Passport Number</label>
            <input type="text" class="min-width-0 flex-1">
        </div>
<div class="form-control flex-1 flex align-item-baseline"></div>
<div class="form-control flex-1 flex align-item-baseline"></div>
<div class="form-control flex-1 flex align-item-baseline"></div>
<div class="form-control flex-1 flex align-item-baseline"></div>

      </div>
  </div>

Зачем ?

вот мой код https://plnkr.co/edit/PKbJ9AvvVPrnw9XxnQwv?p=preview

любое обновление? только140px