diff --git a/components/Modal/index.tsx b/components/Modal/index.tsx
index 3eca63a..5514045 100644
--- a/components/Modal/index.tsx
+++ b/components/Modal/index.tsx
@@ -11,7 +11,7 @@ type Props = {
 
 export default function Modal({ toggleModal, className, children }: Props) {
   return (
-    <div className="overflow-y-auto py-2 fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 flex items-center fade-in z-30">
+    <div className="overflow-y-auto py-2 fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30">
       <ClickAwayHandler
         onClickOutside={toggleModal}
         className={`w-fit m-auto mt-10 sm:mt-20 ${className}`}