diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index 980ac74e4..0a1989c0a 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -63,7 +63,7 @@
 					data-as-sortable-item
 					ng-click="$event.stopPropagation()"
 					ui-sref="board.card({boardId: id, cardId: c.id})"
-					ng-class="{'archived': cardservice.get(c.id).archived, 'has-labels': cardservice.get(c.id).labels.length>0, 'current': cardservice.get(c.id).id == params.cardId }"
+					ng-class="{'archived': cardservice.get(c.id).archived, 'has-labels': cardservice.get(c.id).labels.length>0, 'current': cardservice.get(c.id).id == params.cardId, 'overdue': cardservice.get(c.id).overdue == 3, 'now': cardservice.get(c.id).overdue == 2, 'next': cardservice.get(c.id).overdue == 1, 'has-tasks': getCheckboxes(cardservice.get(c.id).description)[1] > 0, 'has-tasks-completed': getCheckboxes(cardservice.get(c.id).description)[1] > 0 && getCheckboxes(cardservice.get(c.id).description)[1] == getCheckboxes(cardservice.get(c.id).description)[0] }"
 					nv-file-drop="" uploader="uploader" options="{cardId: c.id}">
 					<div class="drop-indicator" uploader="uploader" nv-file-over>
 						<p><?php p($l->t('Drop your files here to upload it to the card')); ?></p>