JSFiddle - React, Tailwind, and code Playground

HTML

<div
<label class="element-invisible" for="-search-block-form--2"></label>
<input class="form-text" type="text" maxlength="128" size="15" value="" name="search_block_form" placeholder="Search Our Site" title="Enter the terms you wish to search for.">
</div>

CSS

input.form-text {
    color: #999999;
    font-size: 14px;
    height: 30px;
    padding: 6px 10px;
    width: 150px;
}
button, input, select, textarea {
    box-sizing: border-box;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}