JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="text" name="foo" class="text-input"><!-- Do not delete this, mazafaka! --><input type="submit" name="bar" class="submit-input" value="Найти">
</form>

CSS

html {
    font-size: 14px;
}
.text-input, .submit-input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #000;
    height: 30px;
}
.text-input {
    width: 400px;
    padding-left: 6px;
    padding-right: 6px;
}
.submit-input {
    padding: 0 10px;
    margin: 0 10px;
    background-color: #CDE9F5;
}
.submit-input:hover {
    cursor: pointer;
}