diff --git a/frontend/src/components/tasks/partials/Heading.vue b/frontend/src/components/tasks/partials/Heading.vue
index fac870ca2..9cb44bfba 100644
--- a/frontend/src/components/tasks/partials/Heading.vue
+++ b/frontend/src/components/tasks/partials/Heading.vue
@@ -16,6 +16,7 @@
 				:is-done="task.done"
 			/>
 			<BaseButton
+				v-if="hasClose"
 				class="close"
 				@click="$emit('close')"
 			>
@@ -33,6 +34,7 @@
 			{{ task.title.trim() }}
 		</h1>
 		<BaseButton
+			v-if="hasClose"
 			class="close"
 			@click="$emit('close')"
 		>
@@ -78,8 +80,10 @@ import {getHexColor, getTaskIdentifier} from '@/models/task'
 const props = withDefaults(defineProps<{
 	task: ITask,
 	canWrite: boolean | undefined,
+	hasClose: boolean | undefined,
 }>(), {
 	canWrite: false,
+	hasClose: false,
 })
 
 const emit = defineEmits<{
diff --git a/frontend/src/views/tasks/TaskDetailView.vue b/frontend/src/views/tasks/TaskDetailView.vue
index 9be07de63..b7d4de656 100644
--- a/frontend/src/views/tasks/TaskDetailView.vue
+++ b/frontend/src/views/tasks/TaskDetailView.vue
@@ -15,6 +15,7 @@
 				ref="heading"
 				:task="task"
 				:can-write="canWrite"
+				:has-close="isModal"
 				@update:task="Object.assign(task, $event)"
 				@close="$emit('close')"
 			/>