JSFiddle - React, Tailwind, and code Playground

HTML

<div class="select-wrap">
    <select class="input-country" name="country">
        <option value="">-Select Country-*</option>
        <option value="US" selected="selected">USA</option>
        <option value="AF">AFGHANISTAN</option>
        <option value="AL">ALBANIA</option>
        <option value="DZ">ALGERIA</option>
        <option value="AS">AMERICAN SAMOA (U.S. TER.)</option>
        <option value="AD">ANDORRA</option>
        <option value="AO">ANGOLA</option>
        <option value="AI">ANGUILLA</option>
        <option value="AG">ANTIGUA &amp; BARBUDA</option>
        <option value="AR">ARGENTINA</option>
        <option value="AM">ARMENIA</option>
        <option value="AW">ARUBA</option>
        <option value="AU">AUSTRALIA</option>
        <option value="AT">AUSTRIA</option>
        <option value="AZ">AZERBAIJAN</option>
        <option value="PT2">AZORES</option>
        <option value="BS">BAHAMAS</option>
        <option value="BH">BAHRAIN</option>
        <option value="BD">BANGLADESH</option>
        <option value="BB">BARBADOS</option>
        <option value="AG">BARBUDA (ANTIGUA)</option>
        <option value="BY">BELARUS</option>
        <option value="BE">BELGIUM</option>
        <option value="BZ">BELIZE</option>
        <option value="BJ">BENIN</option>
        <option value="BM">BERMUDA</option>
        <option value="BT">BHUTAN</option>
        <option value="BO">BOLIVIA</option>
        <option value="BQ">BONAIRE</option>
        <option value="BA">BOSNIA-HERCEGOVINA</option>
        <option value="BW">BOTSWANA</option>
        <option value="BR">BRAZIL</option>
        <option value="VG">BRITISH VIRGIN IS.</option>
        <option value="BN">BRUNEI</option>
        <option value="BG">BULGARIA</option>
        <option value="BF">BURKINA FASO</option>
        <option value="MM">BURMA (MYANMAR)</option>
        <option value="BI">BURUNDI</option>
        <option value="KH">CAMBODIA (KAMPUCHEA)</option>
        <option...

CSS

.select-wrap {
    width: 340px;
    height: 40px;
    
    border: 1px solid black;
}
select {
    width: 340px;
    height: 100%;
    margin: auto 0;
    padding-bottom: 4px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    
}