diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 77df55b..7581f53 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -64,7 +64,7 @@
   <CustomDialog />
 
   <!-- Toast messages -->
-  <div v-for="(toast, i) in ui.toasts" :key="i" class="toast">{{ toast }}</div>
+  <div v-for="toast in ui.toasts" :key="toast.id" class="toast">{{ toast.msg }}</div>
 </template>
 
 <script setup>