From d51fb021b1e1bd973a6affaf155dca19b033c030 Mon Sep 17 00:00:00 2001
From: Chris <chrisvel@users.noreply.github.com>
Date: Sun, 28 Dec 2025 08:50:08 +0200
Subject: [PATCH] Fix style in metrics (#740)

---
 frontend/components/Task/TasksToday.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/components/Task/TasksToday.tsx b/frontend/components/Task/TasksToday.tsx
index 3ee2351..b2aa847 100644
--- a/frontend/components/Task/TasksToday.tsx
+++ b/frontend/components/Task/TasksToday.tsx
@@ -1215,7 +1215,7 @@ const TasksToday: React.FC = () => {
                                             {t('tasks.dueToday')}
                                         </p>
                                     </div>
-                                    <p className="text-sm font-semibold">
+                                    <p className={`text-sm font-semibold ${metrics.tasks_due_today.length > 0 ? 'text-red-500' : ''}`}>
                                         {metrics.tasks_due_today.length}
                                     </p>
                                 </div>
@@ -1228,7 +1228,7 @@ const TasksToday: React.FC = () => {
                                             {t('tasks.overdue', 'Overdue')}
                                         </p>
                                     </div>
-                                    <p className="text-sm font-semibold">
+                                    <p className={`text-sm font-semibold ${metrics.tasks_overdue.length > 0 ? 'text-red-500' : ''}`}>
                                         {metrics.tasks_overdue.length}
                                     </p>
                                 </div>
@@ -1298,7 +1298,7 @@ const TasksToday: React.FC = () => {
                                                             </div>
                                                         </div>
                                                     )}
-                                                    <p className="text-sm font-semibold">
+                                                    <p className={`text-sm font-semibold ${metrics.tasks_completed_today.length > 0 ? 'text-green-500' : ''}`}>
                                                         {
                                                             metrics
                                                                 .tasks_completed_today