diff --git a/projects/assets-library/assets/styles/_interaction.scss b/projects/assets-library/assets/styles/_interaction.scss
index 30640fa28..fb2586d0b 100644
--- a/projects/assets-library/assets/styles/_interaction.scss
+++ b/projects/assets-library/assets/styles/_interaction.scss
@@ -9,12 +9,16 @@
 
 @mixin card-hover {
   &:hover {
-    @include dropdown-box-shadow();
+    @include box-shadow-2dp();
     cursor: pointer;
   }
 }
 
 @mixin filter-box-shadow {
+  @include box-shadow-2dp();
+}
+
+@mixin box-shadow-2dp {
   box-shadow: 2px 2px 2px rgba(225, 228, 229, 0.5), 2px -2px 4px rgba(225, 228, 229, 0.2),
     0px 2px 4px rgba(225, 228, 229, 0.2);
 }
diff --git a/projects/observability/src/shared/components/card-list/card-list.component.scss b/projects/observability/src/shared/components/card-list/card-list.component.scss
index 623fbf0c3..b039dbc54 100644
--- a/projects/observability/src/shared/components/card-list/card-list.component.scss
+++ b/projects/observability/src/shared/components/card-list/card-list.component.scss
@@ -21,7 +21,8 @@
     border-radius: 8px;
     border: 1px solid $gray-2;
     margin-bottom: 8px;
-    @include card-hover;
+
+    @include card-hover();
 
     &.selected-card {
       background: $blue-1;
@@ -33,9 +34,6 @@
       }
 
       &:hover {
-        background: $blue-2;
-        border: 1px solid $blue-5;
-
         &.grouped-style {
           margin-bottom: 8px;
           @include grouped-style($blue-2);
@@ -43,11 +41,6 @@
       }
     }
 
-    &:hover {
-      background: $gray-1;
-      border: 1px solid $gray-2;
-    }
-
     &.grouped-style {
       margin-bottom: 8px;
       @include grouped-style($gray-1);