src/components/tasks/partials/reminders.vue

@@ -104,3 +104,25 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.reminders {
+  .reminder-input {
+    display: flex;
+    align-items: center;
+
+    &.overdue ::v-deep.datepicker a.show {
+      color: $red;
+    }
+
+    &:last-child {
+      margin-bottom: 0.75rem;
+    }
+
+    a.remove {
+      color: $red;
+      padding-left: .5rem;
+    }
+  }
+}
+</style>

src/styles/components/_index.scss

@@ -1,7 +1,6 @@
 @import "tooltip";
 @import "labels";
 @import "list";
-@import "reminders";
 @import "switch-view";
 @import "task";
 @import "taskRelations";

src/styles/components/reminders.scss

@@ -1,19 +0,0 @@
-.reminders {
-  .reminder-input {
-    display: flex;
-    align-items: center;
-
-    &.overdue .datepicker a.show {
-      color: $red;
-    }
-
-    &:last-child {
-      margin-bottom: 0.75rem;
-    }
-
-    a.remove {
-      color: $red;
-      padding-left: .5rem;
-    }
-  }
-}