diff --git a/frontend/src/app/pages/home/home.component.scss b/frontend/src/app/pages/home/home.component.scss
index 19f3dee..21a6bed 100644
--- a/frontend/src/app/pages/home/home.component.scss
+++ b/frontend/src/app/pages/home/home.component.scss
@@ -32,6 +32,7 @@ $cardBorderRadius: .5em;
                 object-fit: cover;
                 height: 15em;
                 border-radius: $cardBorderRadius $cardBorderRadius 0 0;
+                transition: height .2s ease-in-out;
 
                 @media screen and (min-width: 450px) {
                     height: 20em;
diff --git a/frontend/src/app/pages/publication/publication.component.scss b/frontend/src/app/pages/publication/publication.component.scss
index 7fc1d07..5e06bce 100644
--- a/frontend/src/app/pages/publication/publication.component.scss
+++ b/frontend/src/app/pages/publication/publication.component.scss
@@ -17,6 +17,7 @@ $cardBorderRadius: .5em;
             height: 12em;
             object-fit: cover;
             border-radius: $cardBorderRadius $cardBorderRadius 0 0;
+            transition: height .2s ease-in-out;
 
             @media screen and (min-width: 450px) {
                 height: 15em;