diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index 93e268de..2e1e2358 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -11,8 +11,7 @@
     [no title available]
   </div>
 </ng-template>
-
-<div *ngIf="result" class="uk-card" [class.uk-card-default]="isMobile">
+<div *ngIf="result" class="uk-card uk-card-hover" [ngClass]="modifier">
   <div class="uk-padding-small">
     <div>
       <div class="uk-grid uk-flex uk-flex-middle">
diff --git a/utils/result-preview/result-preview.component.ts b/utils/result-preview/result-preview.component.ts
index 678316a9..5e78fc08 100644
--- a/utils/result-preview/result-preview.component.ts
+++ b/utils/result-preview/result-preview.component.ts
@@ -7,7 +7,7 @@ import {properties} from "../../../../environments/environment";
 import {Identifier, StringUtils} from "../string-utils.class";
 import {OpenaireEntities} from "../properties/searchFields";
 import {HelperFunctions} from "../HelperFunctions.class";
-import {NumberUtils} from '../../utils/number-utils.class';
+import {NumberUtils} from '../number-utils.class';
 
 @Component({
   selector: 'result-preview',
@@ -29,6 +29,7 @@ export class ResultPreviewComponent implements OnInit, OnChanges {
    * */
   @Input() isCard: boolean = false;
   @Input() isMobile: boolean = false;
+  @Input() modifier: 'uk-card-default' | null = null;
   public routerHelper: RouterHelper = new RouterHelper();
   public urlParam: string;
   public url: string;
@@ -56,6 +57,9 @@ export class ResultPreviewComponent implements OnInit, OnChanges {
   public embed: boolean = false;
 
   ngOnInit(): void {
+    if(this.isMobile) {
+      this.modifier = "uk-card-default";
+    }
     if (this.hasLink) {
       if (this.result.resultType === "publication") {
         this.urlParam = "articleId";