JSFiddle - React, Tailwind, and code Playground

HTML

<form class="gv-widget-search gv-search-vertical" method="get" action="http://test.caubo.ca/knowledge-centre/quality-productivity-database/" data-viewid="2777">

	
<div class="gv-search-box gv-search-field-text gv-search-field-search_all">
	<div class="gv-search">
			<label for="gv_search_2777">Search Entries:</label>
			<p><input type="search" name="gv_search" id="gv_search_2777" value=""></p>
	</div>
</div><div class="gv-search-box gv-search-field-text">
		<label for="search-box-filter_29">Year Submitted</label>
		<p>
		<input type="text" name="filter_29" id="search-box-filter_29" value="">
	</p>
</div><div class="gv-search-box gv-search-field-select">
			<label for="search-box-filter_31">Name of Institution</label>
		<p>
		<select name="filter_31" id="search-box-filter_31">
			<option value="" selected="selected">—</option>
							<option value="Hello World">Hello World</option>
              <option value="ABC XYZ">ABC XYZ</option>
              <option value="PQR TUV">PQR TUV</option>
							
					</select>
	</p>
</div><div class="gv-search-box gv-search-box-submit">
	<a class="button gv-search-clear" href="/knowledge-centre/quality-productivity-database/">Clear</a>	<input type="hidden" name="mode" value="all">
	<input type="submit" class="button gv-search-button" id="gv_search_button_2777" value="Search">
</div>
</form>