JSFiddle - React, Tailwind, and code Playground

HTML

<select id="button1" class="button" title="Button 1">
  <option value="">--Please choose an option for the first blank--</option>
  <option id="buttonText1_1" class="buttonText">1</option>
  <option id="buttonText1_2" class="buttonText">2</option>
  <option id="buttonText1_3" class="buttonText">3</option>
  <option id="buttonText1_4" class="buttonText">4</option>
  <option id="buttonText1_5" class="buttonText">5</option>
  <option id="buttonText1_6" class="buttonText">6</option>
</select>

CSS

.buttonText {
  padding: 20px;
  display: block;
}
.button {
  width: calc(100% - 4px);
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  background-color: #F8F8F8;
  border: 2px solid #EAEAEA;
  border-radius: 6px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  max-width: 500px;
  min-height: 65px !important;
}