diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 87c8240..05d4ef5 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -51,6 +51,7 @@ export default defineComponent({
       userScores: {},
       userId: -1,
       user: null as User | null,
+      leaderboardEvent: new Event('reloadLeaderboard')
     }
   },
 
@@ -73,8 +74,7 @@ export default defineComponent({
         this.userId = user.id ?? -1;
         await this.updateUserScores();
       }
-      let reloadEvent = new Event('reloadLeaderboard');
-      window.dispatchEvent(reloadEvent);
+      window.dispatchEvent(this.leaderboardEvent);
     }
   },
 });
diff --git a/frontend/src/components/Leaderboard.vue b/frontend/src/components/Leaderboard.vue
index f7d659a..fd197c1 100644
--- a/frontend/src/components/Leaderboard.vue
+++ b/frontend/src/components/Leaderboard.vue
@@ -9,8 +9,8 @@
         <RRButton @click="nextPage" text=">"></RRButton>
       </div>
     </div>
-    <div class="row" v-for="entry in this.page" :key="entry.rank" >
-      <LeaderboardEntry :entry="entry" ></LeaderboardEntry>
+    <div class="row" v-for="entry in this.page" :key="entry.rank">
+      <LeaderboardEntry :entry="entry"></LeaderboardEntry>
     </div>
   </div>
 </template>
@@ -35,11 +35,13 @@ export default {
     }
   },
   props: {
-      type: "totalplaytime" | "highscore",
+    type: "totalplaytime" | "highscore",
   },
   created() {
     this.updatePage();
-    window.addEventListener('reloadLeaderboard', () => {this.updatePage()}, false)
+    window.addEventListener('itemInserted', () => {
+      this.updatePage();
+    }, false)
   },
   methods: {
     async fetchPage() {