Currently revamping a website and encountered an unusual issue with select boxes. There seems to be an overlapping white space where the option values should be. Here's a visual reference: View Image of Select Box Issue
Utilizing Bootstrap for the redesign, here is a snippet of the code:
<div class="form-group">
<label class="control-label" for="truckName">Truck:</label>
<select class="form-control" name="truckName" id="truckName">
@foreach (var truck in ViewBag.trucks)
{
<option value="@truck.id">@truck.name</option>
}
</select>
</div>
If you have any insights on how to address this issue, your input would be greatly appreciated.