Bootstrap 5's floating label with input group buttons

floating_label.html

<div class="btn-toolbar mb-2" role="toolbar" aria-label="Toolbar with button groups">
  <div class="col-md-10">
    <div class="form-floating">
      <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
      <label for="floatingInput">Search Customer</label>
    </div>
  </div>
  <div class="col-md-2 text-center">
    <div class="btn-group mt-1" role="group" aria-label="First group">
      <button class="btn btn-light btn-lg btn-outline-primary" type="button">
        <i class="fa fa-search"></i>
      </button>
      <button class="btn btn-light btn-lg btn-outline-primary" type="button">
        <i class="fa fa-search"></i>
      </button>
      <button class="btn btn-light btn-lg btn-outline-primary" type="button">
        <i class="fa fa-search"></i>
      </button>
    </div>
  </div>
</div>