diff --git a/src/search.css b/src/search.css
index 241de47..7c27081 100644
--- a/src/search.css
+++ b/src/search.css
@@ -33,6 +33,9 @@
     border-bottom: 1px solid #d4d4d4;
     color: #000;
 }
+.tapi-search-autocomplete-items div p {
+    margin: 0;
+}
 .tapi-search-autocomplete-items div:hover, .tapi-search-autocomplete-active {
     /*when hovering an item:*/
     background-color: #E7E6E6 !important;
diff --git a/src/search.ts b/src/search.ts
index 46fbeb3..9bd94f3 100644
--- a/src/search.ts
+++ b/src/search.ts
@@ -117,8 +117,9 @@ export class Search {
     contacts.forEach(contact => {
       var item = document.createElement('div');
       item.setAttribute('class', 'tapi-search-autocomplete-item')
-      item.appendChild(document.createTextNode(contact.tD_NAME))
-      item.appendChild(document.createTextNode(contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI))
+      var p = document.createElement('p')
+      p.innerHTML = contact.tD_NAME + '<br>' + contact.tD_MEDIUM + ': ' + contact.tD_NUMBER_TAPI
+      item.appendChild(p)
       item.onclick = () => { this.dial(contact.tD_NUMBER_TAPI) }
       item.onmouseover = () => { this.selectResult(item) }
       item.dataset.tapiNumber = contact.tD_NUMBER_TAPI