Formatting Hits section (overlapping, undefined box and columns)

Hi all,

I’m trying to show a hit section as simple as a dropdown-item from bootstrap Screenshot%20from%202019-04-10%2000-06-43
one result per line as a <a> link, without images.

But I only get this one:

Screenshot%20from%202019-04-10%2000-06-00

How can I get the dropdown-item (above) style ?

Code HTML for seachbox:

<form class="form-inline md-form my-0 mr-5 text-white ">

<i class=“fas fa-search white-text” aria-hidden=“true”></i>

<div id=“searchbox” class="text-white "></div>

<div id=“hits” class=“dropdown-menu text-white” ></div>

</form>

Code JS :

search.addWidget(
instantsearch.widgets.searchBox({
container: “#searchbox”,
placeholder: “Search”,
showSubmit: false,
autofocus: false
})
);

  search.addWidget(
    instantsearch.widgets.hits({
      container: "#hits",
      templates: {
        empty: "None.",
        item: function(item) {
           return `<a class="dropdown-item" href="/question/${item.id_question}">${item.str_question}</a>`;
        }
      }  
    })
    );