автозаполнение не отображается должным образом

Question

Я пытаюсь выполнить автозаполнение в текстовом поле, но это шоу показывается неправильно.потому что я не могу найти класс содержимого perticular нужно сделать css Пожалуйста, предложите мне.
html: -

 <input type="text" id="surName" /><button id="add" class="hidden">Add</button>
  <label>Surname</label>

jquery: -

 abc = [...new Set(listOfabc.map(item => item.text))];
        $( "#surName" ).autocomplete({

            source: function (request, response) { 
                var result = $.ui.autocomplete.filter(abc, request.term);
                if (result.length > 0) {
                    $("#add").addClass("hidden")
                } else { 
                    $("#add").removeClass("hidden") 
                }
                response(result);

            }
        });