diff --git a/taskncoffee-app/src/components/Calendar.jsx b/taskncoffee-app/src/components/Calendar.jsx
index 26c1e68..2ec9382 100644
--- a/taskncoffee-app/src/components/Calendar.jsx
+++ b/taskncoffee-app/src/components/Calendar.jsx
@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { getUserTasks } from '@/api/users.service';
+import { Button } from '@/components/ui/button';
 
 export default function Calendar() {
     const [tasksFromBackend, setTasksFromBackend] = useState([]);
@@ -100,7 +101,7 @@ export default function Calendar() {
                                 <p className="dashboard-day-date">{day.month} {day.date}</p>
                             </div>
                             <div className="dashboard-tasks-container">
-                                {day.tasks.length > 0 ? (
+                                {
                                     day.tasks.map((task) => (
                                         <div
                                             key={task.id}
@@ -112,9 +113,12 @@ export default function Calendar() {
                                             </div>
                                         </div>
                                     ))
-                                ) : (
-                                    <p className="dashboard-no-tasks">No tasks</p>
-                                )}
+                                }
+                                <Button variant="outline" onClick={() => {
+                                    console.log('Add task clicked');
+                                }}>
+                                    +
+                                </Button>
                             </div>
                         </div>
                     );