建议列表与搜索栏分离

Question

我在引导程序模态中有一个表单，该表单包含用于标签的搜索栏，它还具有建议列表以自动完成标签名称。 我的问题是，从照片中可以看到，建议列表与实际的搜索栏分离。

我曾尝试过修改CSS，但是我没有设法使其正常工作。

这是当前情况的屏幕截图：

这些是下拉列表的代码

<div class="amsify-suggestags-list" style="width: 448px; display: block;">
    <ul class="amsify-list">
       <!-- rows of the suggestion list -->
    </ul>
</div>

涉及建议列表的规则

.amsify-suggestags-area .amsify-suggestags-list {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #dedede;
    z-index: 1;
}

那就是酒吧

<div class="amsify-suggestags-input-area form-control form-control-sm">
    <input type="text" class="amsify-suggestags-input" placeholder="Type here" autocomplete="off">
</div>