JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    Outer element
    <form method="get" id="searchform" action="#">
		<input type="text" class="field" name="s" id="s" placeholder="Search here...">
        <input type="submit" class="submit" name="submit" id="searchsubmit" value="GO">
	</form>
</div>

CSS

.wrapper {
    background: #ccc;
    padding: 20px;
    width: 200px;
}

#s {
    width: 100%;
    display:block;
    padding: 10px;
}

#searchsubmit {
    display: block;
    width: 100%;
    padding: 10px;
}