diff --git a/src/routes/collections.$collectionId.tsx b/src/routes/collections.$collectionId.tsx
index 7e62441..5d0fcc4 100644
--- a/src/routes/collections.$collectionId.tsx
+++ b/src/routes/collections.$collectionId.tsx
@@ -38,7 +38,7 @@ import { CaseInvoicesTab } from "@/components/cases/invoices-tab";
 
 import { CaseLitigationTab } from "@/components/cases/litigation-tab";
 import { CaseCustomFieldsTab } from "@/components/cases/custom-fields-tab";
-import { formatDate } from "@/lib/format";
+import { formatDate, parseDateOnly } from "@/lib/format";
 import {
   ArrowLeft,
   ArrowRight,
@@ -526,7 +526,7 @@ function CollectionDetailRoute() {
                       const overdue =
                         !t.done &&
                         t.due_date &&
-                        new Date(t.due_date) < new Date(new Date().toDateString());
+                        parseDateOnly(t.due_date)! < new Date(new Date().toDateString());
                       return (
                         <div
                           key={t.id}