diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index 316af7f6d..616987a6f 100644
--- a/src/components/home/navigation.vue
+++ b/src/components/home/navigation.vue
@@ -85,10 +85,8 @@ import ProjectsNavigation from '@/components/home/ProjectsNavigation.vue'
 const baseStore = useBaseStore()
 const projectStore = useProjectStore()
 
-const projects = computed(() => projectStore.notArchivedRootProjects
-	.sort((a, b) => a.position - b.position))
-const favoriteProjects = computed(() => projectStore.favoriteProjects
-	.sort((a, b) => a.position - b.position))
+const projects = computed(() => projectStore.notArchivedRootProjects)
+const favoriteProjects = computed(() => projectStore.favoriteProjects)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/stores/projects.ts b/src/stores/projects.ts
index 236df8500..331a5f1d0 100644
--- a/src/stores/projects.ts
+++ b/src/stores/projects.ts
@@ -32,7 +32,8 @@ export const useProjectStore = defineStore('project', () => {
 
 	// The projects are stored as an object which has the project ids as keys.
 	const projects = ref<ProjectState>({})
-	const projectsArray = computed(() => Object.values(projects.value))
+	const projectsArray = computed(() => Object.values(projects.value)
+		.sort((a, b) => a.position - b.position))
 	const notArchivedRootProjects = computed(() => projectsArray.value
 		.filter(p => p.parentProjectId === 0 && !p.isArchived))
 	const favoriteProjects = computed(() => projectsArray.value