diff --git a/web-src/src/components/ListNotifications.vue b/web-src/src/components/ListNotifications.vue
index fbfbe5d5..42c63c72 100644
--- a/web-src/src/components/ListNotifications.vue
+++ b/web-src/src/components/ListNotifications.vue
@@ -3,8 +3,8 @@
     <div class="columns is-centered">
       <div class="column is-half">
         <div
-          v-for="notification in notificationsStore.list"
-          :key="notification.id"
+          v-for="(notification, index) in notificationsStore.list"
+          :key="index"
           class="notification"
           :class="notification.type ? `is-${notification.type}` : ''"
         >
diff --git a/web-src/src/stores/notifications.js b/web-src/src/stores/notifications.js
index fdc2118f..b06c482e 100644
--- a/web-src/src/stores/notifications.js
+++ b/web-src/src/stores/notifications.js
@@ -4,7 +4,6 @@ export const useNotificationsStore = defineStore('NotificationsStore', {
   actions: {
     add(notification) {
       const newNotification = {
-        id: this.nextId++,
         text: notification.text,
         timeout: notification.timeout,
         topic: notification.topic,
@@ -36,5 +35,5 @@ export const useNotificationsStore = defineStore('NotificationsStore', {
   getters: {
     isEmpty: (state) => state.list.length <= 0
   },
-  state: () => ({ list: [], nextId: 1 })
+  state: () => ({ list: [] })
 })