diff --git a/src/components/home/ProjectsNavigationWrapper.vue b/src/components/home/ProjectsNavigationWrapper.vue
index 90a1f6ad6..0d3b6c9b5 100644
--- a/src/components/home/ProjectsNavigationWrapper.vue
+++ b/src/components/home/ProjectsNavigationWrapper.vue
@@ -24,8 +24,7 @@ const projects = computed({
 	},
 	set() {	}, // Vue will complain about the component not being writable - but we never need to write here. The setter is only here to silence the warning.
 })
-const favoriteProjects = computed(() => projectStore.projectsArray
-	.filter(p => !p.isArchived && p.isFavorite)
+const favoriteProjects = computed(() => projectStore.favoriteProjects
 	.sort((a, b) => a.position - b.position))
 </script>
 
diff --git a/src/stores/projects.ts b/src/stores/projects.ts
index cfe610ff5..0f31f3601 100644
--- a/src/stores/projects.ts
+++ b/src/stores/projects.ts
@@ -31,6 +31,8 @@ export const useProjectStore = defineStore('project', () => {
 	const projectsArray = computed(() => Object.values(projects.value))
 	const notArchivedRootProjects = computed(() => projectsArray.value
 		.filter(p => p.parentProjectId === 0 && !p.isArchived))
+	const favoriteProjects = computed(() => projectsArray.value
+		.filter(p => !p.isArchived && p.isFavorite))
 	const hasProjects = computed(() => projects.value ? true : false)
 
 	const getProjectById = computed(() => {
@@ -203,6 +205,7 @@ export const useProjectStore = defineStore('project', () => {
 		projects: readonly(projects),
 		projectsArray: readonly(projectsArray),
 		notArchivedRootProjects: readonly(notArchivedRootProjects),
+		favoriteProjects: readonly(favoriteProjects),
 		hasProjects: readonly(hasProjects),
 
 		getProjectById,