Floating labels in the input group do not fully cover

[eturerer]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

  <div class="col bg-info">
    <div class="input-group">
      <div class="form-floating">
        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
        <label for="input-model" class="col-form-label">model</label>
      </div>
      <div class="input-group-text">
        <div class="form-check form-switch">
          <input type="checkbox" name="override[model]" value="1" id="input-variant-model" class="form-check-input" /> 
          <label for="input-variant-model" class="form-check-label"></label>
        </div>
      </div>
    </div>
  </div>

  <div class="col bg-warning">
    <div class="input-group">
      <div class="form-floating">
        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
        <label for="input-model" class="col-form-label">model</label>
      </div>
      <div class="input-group-text">
        <div class="form-check form-switch">
          <input type="checkbox" name="override[model]" value="1" id="input-variant-model" class="form-check-input" /> 
          <label for="input-variant-model" class="form-check-label"></label>
        </div>
      </div>
    </div>
  </div>


</div>

Reduced test cases

https://stackblitz.com/edit/bootstrap-5-fnseaq?file=src%2Findex.html

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

5.2.0-beta1

[mdo]

Duplicate of #34513.