From a03b0e5c7d4610c6c347faa7e0f75059bd3d6ba3 Mon Sep 17 00:00:00 2001
From: Daniel <daniel31x13@gmail.com>
Date: Sat, 10 Jun 2023 19:52:05 +0330
Subject: [PATCH] minor UI improvement

---
 components/Modal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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}`}