Содержимое NgSelect не заполняет доступное пространство в столбце

Question

У меня странная проблема со стилем моей формы.Я хотел заполнить свою строку (особенно NgSelect):

<div class="container mt-5">
<form [formGroup]="searchForm" (ngSubmit)="onSubmit()">
<div class="row">
  <div class="col-6 d-flex form-group">
    <label for="project">Project</label>
    <ng-select [items]="projects"
               formControlName="project"
               bindLabel="text"
               bindValue="text"
               placeholder="{{'user.pickOption' | translate}}">
    </ng-select>
  </div>
  <div class="col-6 d-flex form-group">
    <label for="contract">Contract</label>
    <ng-select [items]="projects"
               formControlName="contract"
               bindLabel="text"
               bindValue="text"
               placeholder="{{'user.pickOption' | translate}}">
    </ng-select>
  </div>
</div>
</form>
</div>

И что я получаю с этим кодом, это выглядит примерно так:

И стили:

Должен ли я написать собственный стиль для ng-select width, чтобы установить ширину (например: webkit-fill-available) или я могусделать этот другой способ с помощью начальной загрузки?Я хочу избежать жесткого размера ширины ..