JSFiddle - React, Tailwind, and code Playground
HTML
<select class="form-control">
<option>something</option>
<option>another value here</option>
</select>
<br>
<select class="mini btn">
<option>something</option>
<option>another value here</option>
</select>
CSS
select.btn-mini {
height: auto;
line-height: 14px;
}
/* this is optional (see below) */
select.btn {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
padding-right: 16px;
}
select.btn-mini + .caret {
margin-left: -20px;
margin-top: 9px;
}