diff --git a/screenshots/allTasks.png b/screenshots/allTasks.png
new file mode 100644
index 0000000..cf6dba6
Binary files /dev/null and b/screenshots/allTasks.png differ
diff --git a/screenshots/createTask.png b/screenshots/createTask.png
new file mode 100644
index 0000000..237494d
Binary files /dev/null and b/screenshots/createTask.png differ
diff --git a/screenshots/graphs.png b/screenshots/graphs.png
new file mode 100644
index 0000000..77fd494
Binary files /dev/null and b/screenshots/graphs.png differ
diff --git a/screenshots/home.png b/screenshots/home.png
new file mode 100644
index 0000000..dde99a6
Binary files /dev/null and b/screenshots/home.png differ
diff --git a/screenshots/landing.png b/screenshots/landing.png
new file mode 100644
index 0000000..449bfd8
Binary files /dev/null and b/screenshots/landing.png differ
diff --git a/src/main/resources/templates/dashboard.html b/src/main/resources/templates/dashboard.html
index 63d9f17..8daf021 100644
--- a/src/main/resources/templates/dashboard.html
+++ b/src/main/resources/templates/dashboard.html
@@ -147,7 +147,7 @@
                                         <div class="d-flex justify-content-between align-items-center">
 
                                             <div
-                                                th:classappend="${task.status == 'Completed'} ? 'text-decoration-line-through text-muted' : ''">
+                                                >
                                                 <input 
                                                     th:checked="${task.status == 'Completed'}" 
                                                     type="checkbox" 
@@ -157,9 +157,11 @@
                                                     hx-trigger="click delay:200ms"
                                                     hx-target="#daily-tasks"
                                                     hx-swap="outerHTML">
-                                                <span class="fw-bold text-truncate" th:text="${task.title}">Task Title</span><br>
+                                                <span class="fw-bold text-truncate" th:text="${task.title}"
+                                                th:classappend="${task.status == 'Completed'} ? 'text-decoration-line-through text-muted' : ''">Task Title</span><br>
                                                 <small class="text-muted"><i class="bi bi-clock me-1"></i><span
-                                                        th:text="${#dates.format(task.dueDate, 'HH:mm')}">00:00</span></small>
+                                                        th:text="${#dates.format(task.dueDate, 'HH:mm')}"
+                                                        th:classappend="${task.status == 'Completed'} ? 'text-decoration-line-through text-muted' : ''">00:00</span></small>
                                             </div>
                                             <span class="badge bg-white text-dark border border-dark rounded-0"
                                                 th:text="${task.category}">Cat</span>