Twitter bootstrap 3 input-group-addon с btn-группой не одного размера

Мне нужно сделать input-group-btn в twitter bootstrap с выпадающим меню, прикрепленным к нему, но выходное изображение ниже показывает, что группа btn не имеет одинаковый размер с группой ввода.

Вот код html:

<div class="row">
<div class="col-md-2"><button type="button" class="btn btn-primary" onclick="showModalAddStation();">Add Station</button></div>
<div class="col-md-4">
     <div class="form-group">
        <div class="input-group">
        <div class="input-group-btn" >
            <div class="btn-group"> 
                <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
                    <span data-bind="label" id="searchLabel">Search By</span> <span class="caret"></span>
                </button> 
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                </ul>
            </div>
        </div>  
        <input type="search" name="searchBy" id="searchBy" class="form-control" />
        <span class="input-group-btn">
            <button id="filter" class="btn  btn-primary btn-block glyphicon glyphicon-plus" onclick="searchStationTable();"></button>
        </span>
        </div>
     </div>
</div>

<div class="row"> <div class="col-md-2"><button type="button" class="btn btn-primary" onclick="showModalAddStation();">Add Station</button></div> <div class="col-md-4"> <div class="form-group"> <div class="input-group"> <div class="input-group-btn" > <div class="btn-group"> <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"> <span data-bind="label" id="searchLabel">Search By</span> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </div> </div> <input type="search" name="searchBy" id="searchBy" class="form-control" /> <span class="input-group-btn"> <button id="filter" class="btn btn-primary btn-block" onclick="searchStationTable();"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> </div>

Ответ 1