JSFiddle - React, Tailwind, and code Playground

HTML

<div class="select-wrapper">
    <select name="type">
        <option value="test">test</option>
    </select>
</div>

CSS

.select-wrapper {
    display: inline-block;
    padding: 6px;
    background: #eaeced;
}
select {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    padding-left: 8px;
    border: 1px solid #a6a6a6;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -border-radius:2px;
   
    height: 100%;
}