Typeahead alignment问题

Question

我的Typeahead控件存在对齐问题。问题是我的屏幕已经消失了。我想让它稍微左对齐，以便它留在我的屏幕上。基本上它应该根据数据长度调整它的位置。如果数据的长度更长，则应进一步将其移至左侧。请注意，深蓝色的所有内容都严重对齐。

另一个问题是，我实际上在我的Typeahead中显示了3个建议，但其中一个隐藏在蓝色条带后面。对不起，我是javascript和CSS的新手。有人可以帮我这里。

<form class="navbar-form pull-right">

    <input type="text" placeholder="Search" ng-model="selected" 
         typeahead-on-select="RefreshPersonProfile($item)" 
         typeahead="suggestion for suggestion in persons($viewValue) | filter:$viewValue | limitTo:8" 
         class="form-control">

    <i class="icon-search"></i>
</form>