JSFiddle - React, Tailwind, and code Playground

HTML

<select size="1" name="kurs">
  <option selected> Курс </option>
  <option value="kurs1">1 курс</option>
  <option value="kurs2">2 курс</option>
  <option value="kurs3">3 курс</option>
  <option value="kurs4">4 курс</option>
  <option value="kurs5">5 курс</option>
  <option value="kurs6">6 курс</option>
    </select>

CSS

body, html { text-align:center; padding:50px 0;}

/* The CSS */
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    width: 180px;
    background: white;
    color:#888;
    border: 2px solid #f0f0f0;
    outline:none;
    display: inline-block;
    cursor:pointer;
}