Tengo los siguientes menús desplegables, uno es un menú desplegable de selección simple y otro es un menú desplegable de selección múltiple:

Estoy usando el siguiente código para ello:

 <div class="row mt-4"> <div class="col-lg-4" id='trainingTimeDiv'> <div class="form-group"> <label class="form-label">Training Time</label> <select class="form-select" name="trainingTime" id="trainingTime"> <option id="30" value="30">30 seconds</option> <option id="60" value="60">60 seconds</option> <option id="90" value="90">90 seconds</option> <option id="120" value="120">120 seconds</option> <option id="150" value="150">150 seconds</option> <option id="180" value="180">180 seconds</option> <option id="210" value="210">210 seconds</option> <option id="240" value="240">240 seconds</option> <option id="270" value="270">270 seconds</option> <option id="300" value="300">300 seconds</option> </select> </div> </div> <div class="col-lg-4" id='independentVariables'> <div class="form-group"> <label class="form-label">Independent Variables</label><br> <select name='variableDropDownList' id="variableDropDownList" class="selectpicker col-lg-12" multiple="multiple" data-live-search="true"> <option>Opt 1</option> <option>Opt 2</option> <option>Opt 3</option> <option>Opt 4</option> </select> </div> </div> </div>

Quiero que la altura del menú desplegable de variables independientes sea similar a la del menú desplegable de tiempo de entrenamiento. ¿Cómo puedo hacerlo posible por favor?