JSFiddle - React, Tailwind, and code Playground

HTML

<select
               name="nationality" id="nationality" class="signup__select signup__select--nationality">
                <option value="American" selected="selected">American</option>
                <option value="Russian">Russian</option>
                <option value="Briton">Briton</option>
                <option value="Chinese">Chinese</option>
              </select>

CSS

.signup__select {
  font-family: "worksans", "Arial", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  color: #111;
  height: 23px;
  border: none;
  border-bottom: 1px solid #f2f2f2;
  padding: 0 0 6.33px 0;
  appearance: none;
  -webkit-appearance: none;
  padding-right: 30px;
  padding-top: 2px;
  	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJzb3J0LWRvd24iIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zb3J0LWRvd24gZmEtdy0xMCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00MSAyODhoMjM4YzIxLjQgMCAzMi4xIDI1LjkgMTcgNDFMMTc3IDQ0OGMtOS40IDkuNC0yNC42IDkuNC0zMy45IDBMMjQgMzI5Yy0xNS4xLTE1LjEtNC40LTQxIDE3LTQxeiI+PC9wYXRoPjwvc3ZnPg==);
    background-position: 95% -4px;
    background-repeat: no-repeat;
}