JSFiddle - React, Tailwind, and code Playground

by Deepak Kumar

HTML

<div id="vault_chat_header">
   <span class="img-span"><img src="" alt="Default Avatar"  class="user_avatar" /></span>
   <span><input type="text" class="vault_chat_text_field" /></span>
</div>

CSS

.vault_chat_text_field {
    background-color: red;
    height: 48px;
    width: 92%;
    margin:0px;
    padding:0px;
}

.user_avatar {
    background-color: red;
    height: 48px;
    width: 48px;
}

.img-span{
    height:48px;
    display:block;
}