JSFiddle - React, Tailwind, and code Playground

HTML

<select name="select" id="select" class="selinpt">
    <option value="Promotional/Marketing">Promotional/Marketing</option>
    <option value="Tips and Alert">Tips and Alert</option>
    <option value="Information to registered users">Information to registered users</option>
    <option value="Varification process">Verification process</option>
    <option value="Important notice">Important notice</option>
    <option value="API Integration">API Integration</option>
    <option value="Other">Other</option>
</select>

CSS

.selinpt {
    color: #858585;
    height: 30px;
    padding: 5px 10px;
    width: 404px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
option {
    padding:10px;
}
body, input, textarea, select {
    color: #333333;
    font-family:"Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
    font-size: 14px;
}