diff --git a/src/components/tasks/partials/checklist-summary.vue b/src/components/tasks/partials/checklist-summary.vue
index 664814d0..830fc109 100644
--- a/src/components/tasks/partials/checklist-summary.vue
+++ b/src/components/tasks/partials/checklist-summary.vue
@@ -44,6 +44,8 @@ export default defineComponent({
 	color: var(--grey-500);
 	display: inline-flex;
 	align-items: center;
+	padding-left: .5rem;
+	font-size: .9rem;
 
 	svg {
 		transform: rotate(-90deg);
diff --git a/src/styles/components/tasks.scss b/src/styles/components/tasks.scss
index e001c368..910f0440 100644
--- a/src/styles/components/tasks.scss
+++ b/src/styles/components/tasks.scss
@@ -23,12 +23,6 @@
 	&.noborder {
 		margin: 1rem -0.5rem;
 	}
-
-	.checklist-summary {
-		padding-left: .5rem;
-		font-size: .9rem;
-	}
-
 }
 
 // FIXME: seems only necessary for
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 9a5c2f05..e656bc0c 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -882,7 +882,7 @@ $flash-background-duration: 750ms;
   }
 
   .checklist-summary {
-    margin-left: .25rem;
+    padding-left: .25rem;
   }
 }