diff --git a/public/scripts/TodoDay.js b/public/scripts/TodoDay.js
index 83b8df5..dd90155 100644
--- a/public/scripts/TodoDay.js
+++ b/public/scripts/TodoDay.js
@@ -33,7 +33,7 @@ export function TodoDay(el) {
   });
 
   function update() {
-    const date = new Date(dateId);
+    const date = new Date(`${dateId}T00:00:00`);
     const today = new Date();
     today.setHours(0, 0, 0, 0);
     const tomorrow = new Date(today);
@@ -41,6 +41,7 @@ export function TodoDay(el) {
 
     el.classList.toggle('-past', date < today);
     el.classList.toggle('-today', date >= today && date < tomorrow);
+    el.classList.toggle('-future', date >= tomorrow);
 
     el.querySelector('.header > .dayofweek').innerText = formatDayOfWeek(date);
     el.querySelector('.header > .date').innerText = formatDate(date);
diff --git a/public/scripts/TodoLogic.js b/public/scripts/TodoLogic.js
index e2fe5f0..85a2ac4 100644
--- a/public/scripts/TodoLogic.js
+++ b/public/scripts/TodoLogic.js
@@ -46,7 +46,7 @@ export class TodoLogic {
     const listsByDay = [];
 
     for (let i = 0; i < 2 * range; ++i) {
-      const t = new Date(data.at);
+      const t = new Date(`${data.at}T00:00:00`);
       t.setDate(t.getDate() - range + i);
       const id = formatDateId(t);