JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" class="search">
    <input type="search" name="q"><input type="submit" value="">
</form>

CSS

.search {
    width: 303px;
    height: 41px;
    float: right;
}
input[type="search"] {
    background-color: rgba(255, 255, 255, 0.20);
    border: none;
    outline: none;
    -webkit-appearance: none;
    height: 41px;
    width: 250px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    color: #fff;
    outline: 1px solid red;
}
input[type="submit"] {
    width: 53px;
    /* Ширина кнопки */
    height: 41px;
    /* Высота кнопки */
    border: none;
    /* Убираем рамку */
    background: url(img/search.png);
    /* Параметры фона */
    outline: 1px solid blue;
}