diff --git a/src/components/project/ProjectWrapper.vue b/src/components/project/ProjectWrapper.vue
index f8d230d0b..cf3a8f3e5 100644
--- a/src/components/project/ProjectWrapper.vue
+++ b/src/components/project/ProjectWrapper.vue
@@ -136,8 +136,6 @@ watch(
 		loadedProjectId.value = 0
 		const projectFromStore = projectStore.projects[projectData.id]
 		if (projectFromStore) {
-			baseStore.setBackground(null)
-			baseStore.setBlurHash(null)
 			baseStore.handleSetCurrentProject({project: projectFromStore})
 		}
 
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 018ff8fec..5dbb296fd 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -539,6 +539,12 @@ const taskId = toRef(props, 'taskId')
 
 const project = computed(() => projectStore.projects[task.value.projectId])
 watchEffect(() => {
+	if (typeof project.value === 'undefined') {
+		// assuming the task has not been loaded completely and thus the project id is 0.
+		// This avoids flickering between a project background and none when opening the task detail view from 
+		// any the project views.
+		return
+	}
 	baseStore.handleSetCurrentProject({
 		project: project.value,
 	})