diff --git a/frontend/src/app/components/game-cover/game-cover.component.html b/frontend/src/app/components/game-cover/game-cover.component.html
index 6031834..37cf2f8 100644
--- a/frontend/src/app/components/game-cover/game-cover.component.html
+++ b/frontend/src/app/components/game-cover/game-cover.component.html
@@ -1,5 +1,5 @@
 <a routerLink="/game/{{game.slug}}">
-  <div class="game-cover-container shine" [style.background-image]="'url(v1/images/' + game.coverId + ')'" fxLayoutAlign="center end">
+  <div class="game-cover-container shine enlarge" [style.background-image]="'url(v1/images/' + game.coverId + ')'" fxLayoutAlign="center end">
     <h2 *ngIf="game.coverId === 'nocover'" class="no-link-stlying">{{game.title}}</h2>
   </div>
 </a>
diff --git a/frontend/src/app/components/game-cover/game-cover.component.scss b/frontend/src/app/components/game-cover/game-cover.component.scss
index c120af0..f7831d0 100644
--- a/frontend/src/app/components/game-cover/game-cover.component.scss
+++ b/frontend/src/app/components/game-cover/game-cover.component.scss
@@ -6,12 +6,15 @@
   width: 264px;
   background-repeat: no-repeat;
   background-position: center bottom;
-
-  @include mat.elevation-transition();
   @include mat.elevation(4);
+}
 
-  &:hover {
-    @include mat.elevation(24);
+.enlarge {
+  transition: transform 280ms ease-out;
+
+  &:hover,
+  &:focus {
+    transform: scale(1.05);
   }
 }