JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-select">
    <select name="" id="state_select">
        <option value="3">Andra pradesh</option>
        <option value="5">Haryana</option>
        <option value="10">Uttarakhand</option>
        <option value="25">Rajasthan</option>
        <option value="50">Punjab</option>
    </select>
</div>

CSS

.form-select {
    width: 200px;
}

.form-select select {
    width: 100%;
    height: 45px;
    margin: 8px 0;
    border: 0;
    border: 1px solid black;
    border-top: 4px solid black;
    background-size: 20px;
    background-position:  right 10px center;
    font-family: 'Arial';
    padding-left: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
}