Is there any way of including an autocomplete component into an input-group or container and setting its width to fit the parent size ? Setting w-100 to the autocomplete makes it appear on a new line.

    <nav class="navbar navbar-expand-lg">
      <div class="container-fluid">
        <a class="navbar-brand" href="#">Brand</a>
        <div class="input-group">
          <span class="input-group-text"><i class="fas fa-search"></i></span>
          <div id="autocomplete" class="form autocomplete w-100">
            <input type="search" class="form-control" placeholder="Search" aria-label="Search"/>
          </div>
        </div>
      </div>
    </nav>