diff --git a/webapp/components/NotificationsDropdownFilter/NotificationsDropdownFilter.vue b/webapp/components/NotificationsDropdownFilter/NotificationsDropdownFilter.vue
index 7c5e0a42a..a179b54d0 100644
--- a/webapp/components/NotificationsDropdownFilter/NotificationsDropdownFilter.vue
+++ b/webapp/components/NotificationsDropdownFilter/NotificationsDropdownFilter.vue
@@ -40,12 +40,16 @@ export default {
   data() {
     return {
       selected: this.$t('notifications.filterLabel.all'),
-      filterOptions: [
+    }
+  },
+  computed: {
+    filterOptions() {
+      return [
         { label: this.$t('notifications.filterLabel.all'), value: null },
         { label: this.$t('notifications.filterLabel.read'), value: true },
         { label: this.$t('notifications.filterLabel.unread'), value: false },
-      ],
-    }
+      ]
+    },
   },
   methods: {
     filterNotifications(option, toggleMenu) {