JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<select>
    <option value="1a">option 1a</option>
    <option value="1b">option 1b</option>
</select>
<select>
    <option value="2a">option 2a</option>
    <option value="2b">option 2b</option>
</select>
<select>
    <option value="3a">option 3a</option>
    <option value="3b">option 3b</option>
</select>
<select>
    <option value="4a">option 4a</option>
    <option value="4b">option 4b</option>
</select>
<select>
    <option value="5a">option 5a</option>
    <option value="5b">option 5b</option>
</select>

CSS

select {
    width: 80px;
}
select:focus {
    outline: 2px solid orange;
}