来自Reactivesearch的DataSearch左对齐自动完成建议

Question

尝试使ReactiveSearch的DataSearch组件的下拉列表中的建议与自动完成功能左对齐。它们当前显示在下拉菜单的中间。

Here是它要做的事

<ReactiveBase
  app="query-index"
  url="http://localhost:9200">
  <DataSearch
    componentId="SearchSensor"
    dataField={["suggestions"]}
    className="autocomplete"
    iconPosition="right"
    innerclassName={{
    list: "text-item"
    }}
    />
  </ReactiveBase>

然后在我的CSS中

.autocomplete .text-item {
  text-align: left !important;
}

但是，它不起作用，仍然显示在中间，我在做什么错了？