JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <select class="select-dropdown" name="select-type">
        <option>Crane Type</option>
        <option value="first-type">Crane 1</option>
        <option value="second-type">Crane 2</option>
    </select><!--/.select-type-->
    
    <select class="select-dropdown" name="select-capacity">
        <option>Capacity Type</option>
        <option value="first-capacity">Capacity 1</option>
        <option value="second-capacity">Capacity 2</option>
    </select><!--/.select-capacity-->
    
    <div class="button go">
        <span class="text">GO</span>
        <div class="vertical">
            <span class="arrow-right"></span>
        </div>
    </div><!--/.button-->
</form>

CSS

.select-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";}