diff --git a/web/src/components/Modal.tsx b/web/src/components/Modal.tsx
index ad4d7030..dc211a37 100644
--- a/web/src/components/Modal.tsx
+++ b/web/src/components/Modal.tsx
@@ -82,7 +82,7 @@ export const Modal: React.FC<ModalProps> = React.memo((props) => {
       appear={true}
     >
       <div
-        className="absolute left-0 right-0 top-0 bottom-0 bg-black bg-opacity-60 flex justify-center items-center"
+        className="absolute left-0 right-0 top-0 bottom-0 bg-black bg-opacity-60 flex justify-center items-center z-10"
         onClick={handleClose}
       >
         <ModalContext.Provider value={{ closeModal }}>