Having an issue with input element sizing. When creating an input-group (using bootstrap 4.5) and trying to make them input-group-sm, only the custom select fields are shrinking in size, while the labels in front of them remain normal size.
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<form>
<div class="input-group input-group-sm mb-2">
<div class="input-group-prepend">
<label class="input-group-text" for="newsAnzahl">Number</label>
</div>
<select class="custom-select" id="newsAnzahl" name="newsAnzahl">
<option value="3" selected>3</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="200">200</option>
</select>
<div class="input-group-prepend">
<label class="input-group-text" for="newsSortierung">Sorting</label>
</div>
<select class="custom-select" id="newsSortierung" name="newsSortierung">
<option value="ASC">Ascending</option>
<option value="DESC" selected>Descending</option>
</select>
<button id="button_getnewslist" type="button" class="btn btn-primary">Update List</button>
</div>
</form>
Examples sourced from here under "Sizing" and "Custom Select" headings. Thank you for any assistance!