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

Question

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

这是它说要做的事情

<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;
}

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