diff --git a/apps/datahub/src/app/common/results-list-item/results-card-favorite/results-card-favorite.component.html b/apps/datahub/src/app/common/results-list-item/results-card-favorite/results-card-favorite.component.html
index cc026362..26ea24e1 100644
--- a/apps/datahub/src/app/common/results-list-item/results-card-favorite/results-card-favorite.component.html
+++ b/apps/datahub/src/app/common/results-list-item/results-card-favorite/results-card-favorite.component.html
@@ -3,7 +3,7 @@
   [tabIndex]="0"
   (click)="mdSelect.emit(record)"
   (keyup.enter)="mdSelect.emit(record)"
-  class="bg-gray-8 group flex flex-col gap-[9px] justify-between h-[110px] py-3 px-4 w-[330px] rounded-lg border border-gray-6 filter hover:drop-shadow-lg z-0"
+  class="mel-card group gap-[9px] h-[110px] py-3 px-4 z-0"
   ><div class="flex justify-between">
     <h1 class="font-bold text-[17px] line-clamp-1">
       {{ record.title }}
diff --git a/apps/datahub/src/app/common/results-list-item/results-card-last-created/results-card-last-created.component.html b/apps/datahub/src/app/common/results-list-item/results-card-last-created/results-card-last-created.component.html
index 12ab8a5d..bce9cae4 100644
--- a/apps/datahub/src/app/common/results-list-item/results-card-last-created/results-card-last-created.component.html
+++ b/apps/datahub/src/app/common/results-list-item/results-card-last-created/results-card-last-created.component.html
@@ -3,7 +3,7 @@
   [tabIndex]="0"
   (click)="mdSelect.emit(record)"
   (keyup.enter)="mdSelect.emit(record)"
-  class="bg-gray-8 group flex flex-col justify-between relative h-40 p-4 w-[330px] rounded border border-gray-6 filter overflow-hidden cursor-pointer hover:drop-shadow-lg"
+  class="mel-card group relative h-40 p-4 overflow-hidden"
 >
   <h1 class="font-bold text-[17px] line-clamp-2">
     {{ record.title }}
diff --git a/apps/datahub/src/styles.css b/apps/datahub/src/styles.css
index 0a5c1ee5..55f57f15 100644
--- a/apps/datahub/src/styles.css
+++ b/apps/datahub/src/styles.css
@@ -8,11 +8,13 @@
   .mel-page-title {
     @apply text-black text-5xl font-extrabold font-title;
   }
-
   .mel-badge-button {
     @apply inline-block bg-white py-1.5 px-2 rounded font-medium text-primary border border-primary text-sm leading-none hover:border-primary-dark hover:text-gray-8 hover:bg-primary-dark cursor-pointer transition-colors;
   }
   .mel-container-lg {
     max-width: 1024px;
   }
+  .mel-card {
+    @apply bg-gray-8 flex flex-col justify-between w-[330px] rounded-lg border border-gray-6 filter cursor-pointer hover:drop-shadow-lg;
+  }
 }