diff --git a/src/search.css b/src/search.css
new file mode 100644
index 0000000..7232c2b
--- /dev/null
+++ b/src/search.css
@@ -0,0 +1,9 @@
+.tapi-search-result {
+    color: #000;
+    padding: 5px;
+}
+
+.tapi-search-result:hover, .tapi-search-result-selected {
+    background-color: #E7E6E6;
+}
+
diff --git a/src/search.ts b/src/search.ts
index 736d688..32a0453 100644
--- a/src/search.ts
+++ b/src/search.ts
@@ -1,3 +1,4 @@
+import './search.css'
 import { TapiContact } from './tapi-contact'
 import { debounce } from './debounce'
 import { axios, fireChangeEvents } from './utils'
@@ -137,7 +138,6 @@ export class Search {
     contacts.forEach(contact => {
       var li = document.createElement('li')
       li.classList.add('tapi-search-result')
-      li.classList.add('search-result')
       li.classList.add('pointer')
       li.onmouseover = () => { this.selectResult(li) }
       li.dataset.tapiNumber = contact.tD_NUMBER_TAPI
@@ -163,11 +163,9 @@ export class Search {
   private selectResult (resultLi: Element) {
     var items = document.getElementsByClassName('tapi-search-result')
     for (var item of items) {
-      item.classList.remove('bg-light')
       item.classList.remove('tapi-search-result-selected')
     }
 
-    resultLi.classList.add('bg-light')
     resultLi.classList.add('tapi-search-result-selected')
   }