diff --git a/src/components/tasks/partials/reminders.vue b/src/components/tasks/partials/reminders.vue
index f723522af..aed0bb241 100644
--- a/src/components/tasks/partials/reminders.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss
index 5973d3b45..484395aae 100644
--- a/src/styles/components/_index.scss
+++ b/src/styles/components/_index.scss
@@ -1,7 +1,6 @@
 @import "tooltip";
 @import "labels";
 @import "list";
-@import "reminders";
 @import "switch-view";
 @import "task";
 @import "taskRelations";
diff --git a/src/styles/components/reminders.scss b/src/styles/components/reminders.scss
deleted file mode 100644
index 3015834d4..000000000
--- a/src/styles/components/reminders.scss
+++ /dev/null
@@ -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;
-    }
-  }
-}