diff --git a/components/ui/Modal/Modal.tsx b/components/ui/Modal/Modal.tsx
index c19a21b10..623592039 100644
--- a/components/ui/Modal/Modal.tsx
+++ b/components/ui/Modal/Modal.tsx
@@ -8,7 +8,7 @@ import { useOverlay, useModal, OverlayContainer } from '@react-aria/overlays'
 interface Props {
   className?: string
   children?: any
-  open: boolean
+  open?: boolean
   onClose?: () => void
 }
 
diff --git a/pages/forgot-password.tsx b/pages/forgot-password.tsx
index d5139b273..5ff128cc6 100644
--- a/pages/forgot-password.tsx
+++ b/pages/forgot-password.tsx
@@ -3,7 +3,7 @@ import { Logo, Modal, Button } from '@components/ui'
 export default function ForgotPassword() {
   return (
     <div className="pb-20">
-      <Modal close={() => {}}>
+      <Modal onClose={() => {}}>
         <div className="h-80 w-80 flex flex-col justify-between py-3 px-3">
           <div className="flex justify-center pb-12 ">
             <Logo width="64px" height="64px" />