diff --git a/assets/pasted-20251123-152623-4856e938.png b/assets/pasted-20251123-152623-4856e938.png
new file mode 100644
index 0000000..656ea35
Binary files /dev/null and b/assets/pasted-20251123-152623-4856e938.png differ
diff --git a/core/templates/core/index.html b/core/templates/core/index.html
index 9c740e5..406e1c2 100644
--- a/core/templates/core/index.html
+++ b/core/templates/core/index.html
@@ -64,7 +64,7 @@
                     </thead>
                     <tbody>
                         {% for item in todo_list %}
-                        <tr>
+                        <tr class="{% if item.status == 'in_progress' %}table-info{% elif item.status == 'done' %}table-success{% endif %}">
                             <td>{{ item.title }}</td>
                             <td>{{ item.description|default:"" }}</td>
                             <td>
@@ -74,7 +74,7 @@
                                     {% endfor %}
                                 {% endif %}
                             </td>
-                            <td><span class="badge status-{{ item.status }}">{{ item.get_status_display }}</span></td>
+                            <td><span class="badge {% if item.status == 'in_progress' %}bg-info text-dark{% elif item.status == 'done' %}bg-success{% else %}bg-light text-dark{% endif %}">{{ item.get_status_display }}</span></td>
                             <td>{{ item.created_at|date:"M d, Y" }}</td>
                             <td>{{ item.deadline|date:"M d, Y"|default:"" }}</td>
                             <td>
@@ -86,7 +86,7 @@
                         </tr>
                         {% empty %}
                         <tr>
-                            <td colspan="5" class="text-center text-muted py-4">No tasks yet. Add one above!</td>
+                            <td colspan="7" class="text-center text-muted py-4">No tasks yet. Add one above!</td>
                         </tr>
                         {% endfor %}
                     </tbody>