diff --git a/web/components/Notifications/List.vue b/web/components/Notifications/List.vue
index 8a839b02d..f559ffc4b 100644
--- a/web/components/Notifications/List.vue
+++ b/web/components/Notifications/List.vue
@@ -21,7 +21,13 @@ const props = withDefaults(
   }
 );
 
+/** whether we should continue trying to load more notifications */
 const canLoadMore = ref(true);
+/** reset custom state when props (e.g. props.type filter) change*/
+watch(props, () => {
+  canLoadMore.value = true;
+});
+
 const { result, error, fetchMore } = useQuery(getNotifications, () => ({
   filter: {
     offset: 0,