JSFiddle - React, Tailwind, and code Playground

HTML

<div id="search-icon"></div>
<input type="text" name="search" id="search"/>

CSS

#search-icon {
   
    background-color:#455a21;
    height:60px;
    width:60px;
    border:thin solid black;
    border-radius:30px;
    z-index:100;
    position: relative;
    z-index: 2;
}

input#search {
    position:absolute;
    top:15px;
    left:30px;
    padding:10px;
    padding-left:35px;
    border-radius:20px;
    border:thin solid #6d6e71;
    z-index:1;
}