Создание отступов при использовании встроенной формы в Bootstrap 4

Question

Мне нужно создать с помощью Bootstrap.

Когда я использую встроенную форму для создания формы, она создает отступ справа от метки и ввода, а не заполняет все colmun, но мне не нужно это заполнение.

в чем проблема? как я могу решить эту проблему?

<button type="button"
  class="btn btn-primary col-md-2 col-xs-2 col-sm-12 col-lg-2 AddCatBtn">افزودن دسته جدید</button>
<div class="AddCategory col-md-12 col-xs-12 col-sm-12 col-lg-12 border-top border-bottom">
  <form>
    <div class="form-row text">
      <div class="form-inline col-md-6 ">
        <div class="col-md-2">
          <label for="inputEmail4">نام دسته</label>
        </div>
        <div class="col-md-10 p-0">
          <input type="email" class="form-control" id="inputEmail4">
        </div>
      </div>
      <div class="form-inline col-md-6">
        <div class="col-md-3">
          <label for="inputState">زیر دسته</label>
        </div>
        <div class="col-md-9 p-0">
          <select id="inputState" class="form-control">
            <option>one</option>
            <option>tow</option>
          </select>
        </div>
      </div>
    </div>
  </form>
</div>