JSFiddle - React, Tailwind, and code Playground

HTML

<div class="icon-buttonimage">
				<input name="my_image[]" id="my_file" size="27" type="file" class="inputImage" title="Upload images" multiple="multiple">
			</div>

CSS

.icon-buttonimage {
width: 38px;
height: 40px;
overflow: hidden;
float: left;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
cursor: pointer;
background:#cccccc;
margin-right: 5px;
margin-left: 3px;
}
.icon-buttonimage:before {
content: '\e800';
font-size: 20px;
margin-top: 16px;
margin-left: 9px !important;
}
.inputImage {
opacity: 0.0;
height: 40px;
cursor: pointer;
width: 33px;
}