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

label,
select {
    line-height: 25px;
}