diff --git a/packages/app/src/Element/Modal.tsx b/packages/app/src/Element/Modal.tsx
index c9edfce3..8b882f43 100644
--- a/packages/app/src/Element/Modal.tsx
+++ b/packages/app/src/Element/Modal.tsx
@@ -18,7 +18,9 @@ export default function Modal(props: ModalProps) {
 
   return (
     <div className={`modal ${className}`} onClick={onClose}>
-      <div className="modal-body">{props.children}</div>
+      <div className="modal-body" onClick={e => e.stopPropagation()}>
+        {props.children}
+      </div>
     </div>
   );
 }