diff --git a/src/app/page.tsx b/src/app/page.tsx
index c3f4ffa..4d68399 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -700,7 +700,7 @@ export default function Home() {
                 </div>
               </div>
 
-              <DialogFooter className="border-t border-slate-800 pt-4">
+              <DialogFooter className="border-t border-slate-800 pt-4 flex justify-between">
                 <Button
                   variant="ghost"
                   className="text-red-400 hover:text-red-300 hover:bg-red-900/20"
@@ -712,6 +712,12 @@ export default function Home() {
                   <Trash2 className="w-4 h-4 mr-2" />
                   Delete Task
                 </Button>
+                <div className="flex items-center gap-3">
+                  <span className="text-sm text-slate-500">Changes saved automatically</span>
+                  <Button onClick={() => selectTask(null)}>
+                    Close
+                  </Button>
+                </div>
               </DialogFooter>
             </>
           )}