JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group col-lg-6 col-sm-6">
  <label for="state">State:<span class="star">*</span></label>
  <select required id="state" name="state" title="State" class="form-control">
    <option value="">--None--</option>
    <option value="NSW">NSW</option>
    <option value="VIC">VIC</option>
    <option value="QLD">QLD</option>
    <option value="WA">WA</option>
    <option value="SA">SA</option>
    <option value="TAS">TAS</option>
    <option value="NT">NT</option>
    <option value="ACT">ACT</option>
    <option value="Other">Other</option>
  </select>
</div>

CSS

.form-group{display:inline-block}}
.form-group,label{font-weight:400;text-align:center;line-height:1.2;}
form-group select{vertical-align:middle;display:block;}