diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue
index 3ee52544a..e46d11192 100644
--- a/src/components/modal/modal.vue
+++ b/src/components/modal/modal.vue
@@ -212,14 +212,14 @@ export default {
 	font-size: 2rem;
 
 	@media screen and (max-width: $desktop) {
-		color: var(--dark);
+		color: var(--grey-900);
 	}
 }
 </style>
 
 <style lang="scss">
 // Close icon SVG uses currentColor, change the color to keep it visible
-.dark .task-detail-view-modal .close {
+.dark .close {
 	color: var(--grey-900);
 }
 </style>
\ No newline at end of file