diff --git a/src/components/todolist/Modal.jsx b/src/components/todolist/Modal.jsx
index 6eb49fe2b3ccd7f28d8bc8114c1d22d160af9156..24c089c4462cba9380656bfe8161c96979546c6d 100644
--- a/src/components/todolist/Modal.jsx
+++ b/src/components/todolist/Modal.jsx
@@ -22,7 +22,7 @@ export default function Modal({task, isOpen, closeModal, saveTask }) {
 
 
   return (
-    <div className="fixed inset-0 bg-black bg-opacity-25 flex items-center justify-center z-50">
+    <div className="fixed inset-0 bg-grey bg-opacity-25 backdrop-blur-sm flex items-center justify-center z-50">
           <div 
             className="bg-white rounded-lg shadow-xl p-6 w-full max-w-md mx-4"
           >