JSFiddle - React, Tailwind, and code Playground

HTML

<form class="search">
        <input type="search" name="search" placeholder="Search">
</form>

CSS

.search {
        width: 195px;
        margin-left: 12.5px;
        padding-top: 25px;
        border-top: solid 1px rgba(0,0,0,0.25);
        box-shadow: none;
        position: relative;
}
.search input[type="search"] {
        width: 153px;
        height: 15px;
        line-height: 1.75em;
        font-size: 11pt;
        letter-spacing: 0;
        font-family: 'Source Sans Pro', sans-serif;
        color: #565656;
        border-radius: 0.4em;
        -webkit-appearance: none;
        border: solid 1px #ddd;
        padding: 0.5em;
        position: relative;
        padding-right: 34px ;
       background: url('http://www.veryicon.com/icon/png/System/Radium/Search.png') no-repeat right;
    background-size:24px;
}