JSFiddle - React, Tailwind, and code Playground
HTML
<div id="form">
<form>
<div id="LoanAmt">
<select name="LoanAmt" class="normSelect">
<option value="" selected="selected">Loan Amount</option>
<option value="100">$100</option>
<option value="200">$200</option>
<option value="300">$300</option>
<option value="400">$400</option>
<option value="500">$500</option>
<option value="600">$600</option>
<option value="700">$700</option>
<option value="800">$800</option>
<option value="900">$900</option>
<option value="1000">$1000+</option>
</select>
</div>
<div class="clearfloat"></div>
<div class="fltlft">
<input class="formBox" name="FirstName" type="text" placeholder="First name" >
</div>
<div class="fltrt">
<input class="formBox" name="LastName" type="text" placeholder="Last name">
</div>
<div class="clearfloat"></div>
<div class="fltlft">
<input class="formBox" name="Email" type="email" autocomplete="off" placeholder="Email">
</div>
<div class="fltrt">
<input class="formBox" name="Zip" type="text" placeholder="Zip code">
</div>
<div class="clearfloat"></div>
<div class="fltlft">
<input id="popupDatepicker" class="formBox hasDate" name="DOB" type="text" placeholder="DOB" >
</div>
<div class="fltrt">
<select name="AccountType" class="normSelect">
<option value="" selected="selected">Account Type</option>
<option value="checking">Checking</option>
<option value="savings">Savings</option>
<option value="noaccount">I do not have a bank account</option>
<option value="none">None of the above</option>
</select>
</div>
<div class="clearfloat"></div>
<div id="submit">
<button type="submit">SUBMIT</button>
</div>
</form>
CSS
.formBox, .normSelect {
color: purple;
font-size: 15px;
padding: 6px 8px 5px;
outline-color: transparent;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.formBox {
width: 200px;
height: 25px;
}
select {
width: 217px;
height: 35px;
}