Невозможно сделать текстовое поле и кнопку в строке

Question

Я пытаюсь поместить кнопку рядом с текстовым полем в форму бритвы, но не могу правильно выровнять ее.

Вот мой код:

<div class="row form-inline">
                <div class="form-group">
                    @Html.LabelFor(m => m.Product.description, "Product")
                    <span class="tt-container input-group">
                        <span class="input-group-addon"><i class="fa fa-barcode" aria-hidden="true"></i></span>
                        @Html.TextBoxFor(m => m.Product.description, new { @class = "form-control", data_rule_validProduct = "true", @id = "product" })
                        <span><button type="button" id="addRow" class="btn btn-primary">ADD</button></span>
                    </span>

                    @Html.ValidationMessageFor(m => m.Product.description)
                </div>
            </div>

В итоге я получаю нечто подобное: