调整input-group-addon的大小不调整大小

Question

我正在尝试使用视觉反馈制作输入表单。如果用户在输入字段中输入数字，则输入字段和插件将变为绿色，并且货币文本旁边会出现复选标记或十字标记。

我的问题是，glypicon始终与货币文本重叠。我已经尝试将第二个跨度嵌套到第一个跨度中，以及修改边距，填充以允许它，但输入组插件不会出现问题。确保将glyphicon定位在货币文本之后的干净且好的方法是什么？

<div class="col-sm-3 inputGroupContainer">
    <div class="input-group">
        <input type="number" class="form-control" name="price" value=50 data-moneyamount="moneyamount" required />
        <span class="input-group-addon">
            USD
        </span>
        <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
    </div>
</div>