JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="fileName" readonly="readonly" >
 <div class="file_input_div" style="display: inline;">
 <input type="button" id="button" value="Open"/>
 <input type="file"  style="opacity:0; position:relative; left:-40px;"  onchange="javascript: document.getElementById ('fileName').value = this.value"/>
 </div>

CSS

#button{
    position: relative;
    left:-1px;
    background-color:#446655;
    }