diff --git a/src/components/lists/ShowList.vue b/src/components/lists/ShowList.vue
index 87548e3c2..9370819e5 100644
--- a/src/components/lists/ShowList.vue
+++ b/src/components/lists/ShowList.vue
@@ -78,7 +78,7 @@
 								</div>
 
 								<b>Reminder Dates</b>
-								<div class="reminder-input" v-for="(r, index) in taskEditTask.reminderDates" v-bind:key="index">
+								<div class="reminder-input" :class="{ 'overdue': (r < nowUnix && index !== (taskEditTask.reminderDates.length - 1))}" v-for="(r, index) in taskEditTask.reminderDates" v-bind:key="index">
 									<flat-pickr
 										:class="{ 'disabled': loading}"
 										:disabled="loading"
@@ -89,7 +89,7 @@
 										:data-index="index"
 										placeholder="Add a new reminder...">
 									</flat-pickr>
-									<a  v-if="index !== (taskEditTask.reminderDates.length - 1)" @click="removeReminderByIndex(index)"><icon icon="times"></icon></a>
+									<a v-if="index !== (taskEditTask.reminderDates.length - 1)" @click="removeReminderByIndex(index)"><icon icon="times"></icon></a>
 								</div>
 
 								<div class="field">
@@ -139,6 +139,7 @@
 				isTaskEdit: false,
 				taskEditTask: {},
 				lastReminder: 0,
+				nowUnix: new Date(),
                 flatPickerConfig:{
                     altFormat: 'j M Y H:i',
                     altInput: true,
diff --git a/src/vikunja.scss b/src/vikunja.scss
index 4562f205e..63f1e8a3b 100644
--- a/src/vikunja.scss
+++ b/src/vikunja.scss
@@ -127,6 +127,10 @@ h1,h2,h3,h4,h5,h6{
   .reminder-input{
     margin: 0;
 
+    &.overdue input{
+      color: $red;
+    }
+
     &:last-child {
       margin-bottom: 0.75rem;
     }