diff --git a/src/frontend/app/ui/albums/album/album.component.css b/src/frontend/app/ui/albums/album/album.component.css
index 6688f752..e856eea5 100644
--- a/src/frontend/app/ui/albums/album/album.component.css
+++ b/src/frontend/app/ui/albums/album/album.component.css
@@ -1,3 +1,11 @@
+:host {
+  transition: scale .3s ease-out;
+}
+
+:host:hover {
+  scale: 98%;
+}
+
 .info-button {
   margin: 2px;
   cursor: default;
diff --git a/src/frontend/app/ui/faces/face/face.component.css b/src/frontend/app/ui/faces/face/face.component.css
index 62c4fbe8..6772574c 100644
--- a/src/frontend/app/ui/faces/face/face.component.css
+++ b/src/frontend/app/ui/faces/face/face.component.css
@@ -1,3 +1,11 @@
+:host {
+  transition: scale .3s ease-out;
+}
+
+:host:hover {
+  scale: 98%;
+}
+
 .star {
   margin: 2px;
   color: #888;
diff --git a/src/frontend/app/ui/gallery/directories/directory/directory.gallery.component.css b/src/frontend/app/ui/gallery/directories/directory/directory.gallery.component.css
index 8dd1f076..d6471e69 100644
--- a/src/frontend/app/ui/gallery/directories/directory/directory.gallery.component.css
+++ b/src/frontend/app/ui/gallery/directories/directory/directory.gallery.component.css
@@ -1,3 +1,11 @@
+:host {
+  transition: scale .3s ease-out;
+}
+
+:host:hover {
+  scale: 98%;
+}
+
 a {
   position: relative;
 }