diff --git a/frontend/src/app/partials/search/search.component.html b/frontend/src/app/partials/search/search.component.html
index d621ab9..8ebc419 100644
--- a/frontend/src/app/partials/search/search.component.html
+++ b/frontend/src/app/partials/search/search.component.html
@@ -4,7 +4,7 @@
     <div class="dropdown-menu" [class.show]="open">
         <span *ngIf="hintText()" class="dropdown-item font-italic">{{ hintText() }}
         </span>
-        <span *ngFor="let result of searchResults; let i=index" class="dropdown-item cursor-pointer" [class.active]="i === 0"
+        <span *ngFor="let result of searchResults; let i=index" class="dropdown-item cursor-pointer" [class.dropdown-item-hover]="i === 0"
             (click)="onClick(result.id)">{{ result.text }}</span>
     </div>
 </div>
\ No newline at end of file
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index f9bbcc8..2b9c376 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -27,6 +27,10 @@ $sizes: (
 
 @import '~bootstrap/scss/bootstrap.scss';
 
+.dropdown-item-hover {
+    @extend .dropdown-item:hover;
+}
+
 /* Add font awesome */
 $fa-font-path: "~font-awesome/fonts";
 @import '~font-awesome/scss/font-awesome';