Need help setting the width of a select tag
<div class="input-group">
<select class="form-select" style="width: 50%;">
<option selected value="dummy">Dummy</option>
<option selected value="rd">Random data</option>
</select>
<span class="input-group-text bg-theme">Selection</span>
<div class="dropdown">
<input
type="text"
class="form-control dropdown-toggle"
data-bs-toggle="dropdown"
readonly
/>
<div class="dropdown-menu p-0 w-100">
<div class="list-group">
<label class="list-group-item">
<input class="form-check-input me-1" type="checkbox" checked />
dummy
</label>
</div>
</div>
</div>
</div>
https://i.sstatic.net/C6NzI.png
Looking for assistance on how to make select tag with 50% width and the remaining part also 50% width