Bootstrap группа ввода смещена

Question

Когда я добавляю 2 или более входов, один в качестве группы входов, в одной строке, группа входов смещается. Я изо всех сил пытаюсь переместить это, чтобы выровнять с другими входами. Есть идеи?

<style>
  fieldset .form-group-sm {
    display: inline-block;
  }

  .date-input {
    width: 200px;
  }
</style>

<fieldset>
  <div class="form-group-sm">
    <label class="control-label" for="field1">Field 1</label>
    <input type="text" class="form-control" id="field1">
  </div>

  <div class="form-group-sm">
    <label class="control-label" for="field2">Field 2</label>
    <!--<input type="text" class="form-control" id="field2">-->
    <div class="date-input">
      <div class="input-group input-group-sm">
        <input type="text" class="form-control" id="field2">
        <span class="input-group-btn">
          <button type="button" class="btn">
            <i class="fa fa-calendar"></i>
          </button>
        </span>
      </div>
    </div>
  </div>

  <div class="form-group-sm">
    <label class="control-label" for="field3">Field 3</label>
    <input type="text" class="form-control" id="field3">
  </div>
</fieldset>

https://codepen.io/paolorr/pen/xxGOjmz