JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#search_box{
    position:relative;
}
#search-icon {
        position:absolute;

    display:inline-block;
    background-color:#455a21;
    height:60px;
    width:60px;
    border:thin solid black;
    border-radius:30px;
    z-index:100;
    border:1px solid red;
    
 
}

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