JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <span class="x-input">
        <input type="text" class="x-input-text" />
        <input type="reset" value=" X " />
    </span>
</form>

CSS

.x-input {
    border: 1px solid #ccc;
}

.x-input input.x-input-text {
    border: 0;
    outline: 0;
}