JSFiddle - React, Tailwind, and code Playground

HTML

<span class="inputBox">
    <input type="text">
    <span class="iconHolder">V</span>
  </span>

CSS

.inputBox{
   white-space:nowrap;
  }
   .inputBox input{
    border-left:1px solid #9AAABD;
    border-top:1px solid #9AAABD;
    border-bottom:1px solid #9AAABD;
    border-right:1px solid #b7c2d0;
    box-shadow:inset 0px 1px 3px #b7c2d0;
   }
   .iconHolder{
    background:#007DC0 url('arrow.gif') 50% 50% no-repeat;
    width:12px;
    height:12px;
    line-height:12px;
}
  .iconHolder:hover{
     background:#ff6600 url('arrow2.gif') 50% 50% no-repeat;
  }