diff --git a/src/components/todolist/TaskItem.jsx b/src/components/todolist/TaskItem.jsx
index b21ca33a64ab756602e6729d207d3b77755549c5..2a4adcb50cdf43330d5732a9030b927b49ade754 100644
--- a/src/components/todolist/TaskItem.jsx
+++ b/src/components/todolist/TaskItem.jsx
@@ -30,7 +30,7 @@ export default function TaskItem({ task }) {
                 />
                 <label 
                     htmlFor={task.id} 
-                    className="text-lg">
+                    className={`text-lg ${task.isCompleted ? 'line-through text-gray-400' : ''}`}>
                         {task.name}
                 </label>
                 <button
diff --git a/src/pages/Todolist.jsx b/src/pages/Todolist.jsx
index 08910bbb082cd08a3f950b899fbf013d93c38679..7077cb0a15cc0769cba8212696bd424f4cafdaec 100644
--- a/src/pages/Todolist.jsx
+++ b/src/pages/Todolist.jsx
@@ -21,16 +21,14 @@ export default function Todolist() {
         <div>
             <h1 className="text-3xl font-bold text-left mb-6">Today</h1>
         </div>
-        <div>
-            <Link to="/" className="text-blue-600">Home</Link>
-        </div>
         <div>
             <AddTaskButton onClick={addTask}/>
         </div>
         <div>
-            <TaskList 
-                tasks={tasks}
-            />
+            {tasks.length > 0 ? (
+                <TaskList tasks={tasks}/>
+            ): "You are done for the day !"}
+            
         </div>
       </div>
     </div>