How to stretch inputs on a form?

Question

Angular

Markup in app.component.html

<div class='container-fluid'>
  <div class='row'>
    <div class='col-sm-3'>
      <app-nav-menu></app-nav-menu>
    </div>
    <div class='col-sm-9 body-content'>
      <!--<app-assembly-list></app-assembly-list>-->
      <router-outlet></router-outlet>
    </div>
  </div>
</div>

I'm trying to do positioning in the component that is displayed on the right:

<form>
  <div class="form-group row">
    <label class="col-md-2" for="name">Название сборки</label>
    <div class="col-sm-10">
      <input id="name" class="form-control" name="name" [(ngModel)]="assembly.name" />
    </div>
  </div>
</form>

However, the length of the input doesn't change... What am I doing wrong?