diff --git a/components/ui/Modal/Modal.tsx b/components/ui/Modal/Modal.tsx
index 760cc3555..746c8a5a0 100644
--- a/components/ui/Modal/Modal.tsx
+++ b/components/ui/Modal/Modal.tsx
@@ -52,7 +52,7 @@ const Modal: FC<Props> = ({ children, open, onClose, onEnter = null }) => {
             >
               <Cross className="h-6 w-6" />
             </button>
-            <FocusTrap>{children}</FocusTrap>
+            <FocusTrap focusFirst>{children}</FocusTrap>
           </div>
         </div>
       ) : null}
diff --git a/lib/focus-trap.tsx b/lib/focus-trap.tsx
index c52ace001..c57822527 100644
--- a/lib/focus-trap.tsx
+++ b/lib/focus-trap.tsx
@@ -3,7 +3,7 @@ import { tabbable } from 'tabbable'
 
 interface Props {
   children: React.ReactNode | any
-  focusFirst: boolean
+  focusFirst?: boolean
 }
 
 export default function FocusTrap({ children, focusFirst = false }: Props) {