diff --git a/src/components/ui/modal/modal.jsx b/src/components/ui/modal/modal.jsx
index 6ddf2a8..822398c 100644
--- a/src/components/ui/modal/modal.jsx
+++ b/src/components/ui/modal/modal.jsx
@@ -6,9 +6,17 @@ const Modal = ({ open, onClose, children, title }) => {
 
     if (!open) return null;
 
+    const handleOverlayClick = () => {
+        onClose();
+    };
+
+    const handleModalClick = (e) => {
+        e.stopPropagation();
+    };
+
     return createPortal(
-        <div className={styles.overlay}>
-            <div className={styles.modal}>
+        <div className={styles.overlay} onClick={handleOverlayClick}>
+            <div className={styles.modal} onClick={handleModalClick}>
                 {title && <h2>{title}</h2>}
                 {children}
                 <div className={styles.modalFooter}>