diff --git a/frontend/prebuild/src/app/game/leaderboard/leaderboard.component.ts b/frontend/prebuild/src/app/game/leaderboard/leaderboard.component.ts
index 320483a..5997679 100644
--- a/frontend/prebuild/src/app/game/leaderboard/leaderboard.component.ts
+++ b/frontend/prebuild/src/app/game/leaderboard/leaderboard.component.ts
@@ -12,12 +12,12 @@ import { trigger, transition, style, animate } from '@angular/animations';
   animations: [
     trigger('swap', [
       transition(':enter', [
-        style({transform: 'translateY(100%)', opacity: 0}),
-        animate('1000ms', style({transform: 'translateY(0)', opacity: 1}))
+        style({transform: 'translateX(100%)', opacity: 0}),
+        animate('1000ms', style({transform: 'translateX(0)', opacity: 1}))
       ]),
       transition(':leave', [
-        style({transform: 'translateY(0)', opacity: 1}),
-        animate('1000ms', style({transform: 'translateY(-100%)', opacity: 0}))
+        style({transform: 'translateX(0)', opacity: 1}),
+        animate('1000ms', style({transform: 'translateX(-100%)', opacity: 0}))
       ])
     ])
   ]