JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fieldset">
        <p>Normal Input<i class="icon-question tooltip-top" title="Text Goes Here"></i></p>
        <div>
            <span><i class="icon-cart"></i></span>
            <input name="">
            <input name="">
            <span><i class="icon-cart"></i></span>
            <i class="icon-question tooltip-top" title="Text Goes Here"></i>
        </div>
    </div>

CSS

.fieldset > div > input {
    border-radius: 0;
}

.fieldset > div > span + input {
    border-radius: 0 4px 4px 0 !important;
}