JSFiddle - React, Tailwind, and code Playground

HTML

<div id="CustomerInfo">
    <div class="display-field roomy">
        <div id="customerInfoContainer">
                <div class="addCustomerControlsContainer">
                    <span class="twitter-typeahead" style="position: relative; display: inline-block;"><input type="text" class="autocompleteinput tt-query" placeholder="Type to search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: rgba(0, 0, 0, 0);"></span>
                    <input class="add-new-customer" title="Add New Customer" type="button" value="+" >
                </div>
        </div>
    </div>
</div>

CSS

.display-field.roomy, .editor-field.roomy {
line-height: 1.9;
}

.display-field, .editor-field, .editor-buttons-field, .editor-field-custom {
font-size: 14px;
margin: 0 0 .4em 0;
white-space: nowrap;
}

input[type="button"], input[type="submit"] {
padding: 2px 10px;
cursor: pointer;
}
input[type="button"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
width: auto;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input, textarea, select {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
input, textarea, select, .colourpicker, .custominput {
border: solid 1px #A2B6C4;
border-radius: 3px;
box-shadow: inset 1px 1px 3px #ddd;
padding: 2px;
}
button, input {
line-height: normal;
}
button, input, select, textarea {
font-size: 13px;
margin: 0;
vertical-align: middle;
}
body, button, input, select, textarea {
font-family: sans-serif;
color: #222;
}