diff --git a/app/javascript/vue/navigation/notifications/notification_item.vue b/app/javascript/vue/navigation/notifications/notification_item.vue
index dbf7a1471..59f781ecb 100644
--- a/app/javascript/vue/navigation/notifications/notification_item.vue
+++ b/app/javascript/vue/navigation/notifications/notification_item.vue
@@ -11,8 +11,8 @@
          :data-seen="notification.attributes.checked"></div>
     <div v-html="notification.attributes.message" class="sci-navigation--notificaitons-flyout-notification-message"></div>
     <div v-if="notification.attributes.breadcrumbs" class="flex items-center flex-wrap gap-0.5">
-      <template v-for="(breadcrumb, index) in notification.attributes.breadcrumbs">
-        <div :key="index" class="flex items-center gap-0.5">
+      <template v-for="(breadcrumb, index) in notification.attributes.breadcrumbs" :key="index">
+        <div class="flex items-center gap-0.5">
           <i v-if="index > 0" class="sn-icon sn-icon-right"></i>
           <a :href="breadcrumb.url" :title="breadcrumb.name" class="truncate max-w-[20ch] inline-block">{{ breadcrumb.name }}</a>
         </div>