JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-select">
    <select name="" id="radiusSelect">
        <option selected disabled> - Select a Category - </option>
        <option>Zoro</option>
        <option>Roronoa</option>
        <option>Forobeta</option>
        <option>Other</option>
    </select>
</div>

CSS

.form-select {
    width: 200px;
}

.form-select select {
    width: 100%;
    height: 45px;
    margin: 8px 0;
    border: 0;
    background: #fff url('https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/arrow-down-48.png') no-repeat;
    background-size: 20px;
    background-position:  right 10px center;
    font-family: 'Arial';
    padding-left: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border:1px solid #777;
}