diff --git a/frontend/src/views/tasks/TaskDetailView.vue b/frontend/src/views/tasks/TaskDetailView.vue
index 02a29b500..cda1d7cd9 100644
--- a/frontend/src/views/tasks/TaskDetailView.vue
+++ b/frontend/src/views/tasks/TaskDetailView.vue
@@ -424,9 +424,8 @@
 					<template v-if="canWrite">
 						<XButton
 							v-shortcut="'t'"
-							:class="{'is-success': !task.done}"
-							:shadow="task.done"
-							class="is-outlined has-no-border"
+							:class="{'is-pending': !task.done}"
+							class="button--mark-done"
 							icon="check-double"
 							variant="secondary"
 							@click="toggleTaskDone()"
@@ -1311,6 +1310,21 @@ h3 .button {
 		&.has-light-text {
 			color: var(--white);
 		}
+
+		&.button--mark-done {
+			background-color: transparent;
+			box-shadow: none;
+
+			&.is-pending {
+				color: var(--success);
+
+				&:hover,
+				&:focus {
+					background-color: var(--success);
+					color: #ffffff;
+				}
+			}
+		}
 	}
 }