diff --git a/todo-workspace/frontend/src/app/features/todo-list/todo-list.component.html b/todo-workspace/frontend/src/app/features/todo-list/todo-list.component.html
index 6e1f28e166be814cf89f0c37f16cab1588227487..82ebc3f29ad95a2c549ffe82c557a0235fcccb83 100644
--- a/todo-workspace/frontend/src/app/features/todo-list/todo-list.component.html
+++ b/todo-workspace/frontend/src/app/features/todo-list/todo-list.component.html
@@ -12,21 +12,15 @@
       @if (todos()?.length == 0) {
         <p class="text-gray-600 text-lg">Ajoute ta première tâche 👆</p>
       } @else {
-        <ul class="list bg-base-100 rounded-box shadow-md">
-          <li class="list-row">
-            <div class="text-4xl font-thin opacity-30 tabular-nums">01</div>
-            <div class="list-col-grow">
-              <div>Dio Lupa</div>
-              <div class="text-xs uppercase font-semibold opacity-60">Remaining Reason</div>
-            </div>
-            <button class="btn btn-square btn-ghost">
-              <svg class="size-[1.2em]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                <g stroke-linejoin="round" stroke-linecap="round" stroke-width="2" fill="none" stroke="currentColor">
-                  <path d="M6 3L20 12 6 21 6 3z"></path>
-                </g>
-              </svg>
-            </button>
-          </li>
+        <ul class="list text-gray-600 text-lg">
+          @for (todo of todos(); track todo.id) {
+            <li class="py-2 w-full">
+              <label class="fieldset-label">
+                <input type="checkbox" [checked]="todo.completed" class="checkbox" />
+                {{ todo.title }}
+              </label>
+            </li>
+          }
         </ul>
       }
     </div>