diff --git a/src/components/tasks/reusable/priorityLabel.vue b/src/components/tasks/reusable/priorityLabel.vue
index 21e0b23e64..8696fe038a 100644
--- a/src/components/tasks/reusable/priorityLabel.vue
+++ b/src/components/tasks/reusable/priorityLabel.vue
@@ -30,3 +30,22 @@
 		}
 	}
 </script>
+
+<style lang="scss">
+	@import '../../../styles/variables';
+
+	span.high-priority{
+		color: $red;
+		width: auto !important; // To override the width set in tasks
+
+		.icon {
+			vertical-align: middle;
+			width: auto !important;
+			padding: 0 .5em;
+		}
+
+		&.not-so-high {
+			color: $orange;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/src/styles/tasks.scss b/src/styles/tasks.scss
index 5cf9748c93..95816032f5 100644
--- a/src/styles/tasks.scss
+++ b/src/styles/tasks.scss
@@ -142,14 +142,3 @@
   }
 }
 
-.high-priority{
-  color: $red;
-
-  .icon {
-    vertical-align: middle;
-  }
-
-  &.not-so-high {
-    color: $orange;
-  }
-}