diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 60b128afd..eb8e884b5 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -126,6 +126,7 @@ $height-card-small: $spacing-vertical * 15;
     vertical-align: top;
     display: inline-block;
     margin-right: $spacing-vertical / 3;
+    transition: all .3s ease-in-out;
   }
   + .card-row {
     margin-top: $spacing-vertical * 1/3;
@@ -144,4 +145,4 @@ $height-card-small: $spacing-vertical * 15;
 }
 .card-row__header {
   margin-bottom: $spacing-vertical / 3;
-}
\ No newline at end of file
+}