fixes

src/components/Common/ModalLayout/ModalLayout.jsx

@@ -13,7 +13,11 @@ export const ModalLayout = ({
   return (
     <div
       className={active ? `modal-layout active` : "modal-layout"}
-      onClick={() => setActive(false)}
+      onClick={(event) => {
+        if (event.target.className === 'modal-layout active') {
+          setActive(false)
+        }
+      }}
       {...props}
     >
       <div
@@ -22,7 +26,6 @@ export const ModalLayout = ({
             ? `modal-layout__content ${styles}`
             : `modal-layout__content ${type}`
         }
-        onClick={(e) => e.stopPropagation()}
       >
         {children}
       </div>

src/components/Common/ModalLayout/modalLayout.scss

@@ -45,6 +45,16 @@
         font-weight: 300;
       }
 
+      .addPersonBlock {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        button {
+          margin: 0 auto;
+        }
+      }
+
       .invitePersonBlock {
         display: flex;
         flex-direction: column;
@@ -64,7 +74,7 @@
         }
 
         &__btn {
-          margin: 0 auto 0 0;
+          margin: 0 auto;
           max-width: 242px;
           width: 100%;
         }