`.col-*` classes don't work in input groups

Created by: cq8j6le8rk59g6g1q43k682hmz

<div class="card"> <div class="card-body "> <div class="input-group"> <select class="form-select col-1" id="inputGroupSelect01"> <option selected>/</option> <option value="1">en/</option> <option value="2">ru/</option> <option value="3">fr/</option> </select> <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1"> </div> </div> </div>

This is the code in version 4 it worked