From caf459f8d96c4f0cce5e36b85a3f09365b1c6cd2 Mon Sep 17 00:00:00 2001
From: hide-on-bush-x <hideonbushx123@gmail.com>
Date: Fri, 3 Mar 2023 13:48:15 -0300
Subject: [PATCH] Adding modal height change

---
 src/components/masa-interface/masa-interface.tsx | 1 +
 src/components/modal/modal.tsx                   | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/masa-interface/masa-interface.tsx b/src/components/masa-interface/masa-interface.tsx
index ff824d79..2e5d71f3 100644
--- a/src/components/masa-interface/masa-interface.tsx
+++ b/src/components/masa-interface/masa-interface.tsx
@@ -86,6 +86,7 @@ export const MasaInterface = ({
         open={isModalOpen as boolean}
         close={(): void => closeModal?.()}
         setOpen={setModalOpen as (val: boolean) => void}
+        height={page === 'createIdentity' ? 400 : undefined}
       >
         {page === 'connector' ? pages[page]({ disableMetamask }) : pages[page]}
       </ModalComponent>
diff --git a/src/components/modal/modal.tsx b/src/components/modal/modal.tsx
index c0bcfe46..f68242bc 100644
--- a/src/components/modal/modal.tsx
+++ b/src/components/modal/modal.tsx
@@ -8,17 +8,19 @@ export interface ModalProps {
   open: boolean;
   setOpen: (val: boolean) => void;
   close: () => void;
+  height?: number;
 }
 
 export const ModalComponent = ({
   children,
   open,
   close,
+  height,
 }: ModalProps): JSX.Element => {
   return (
     <Rodal
       data-cy="closeMasaModal"
-      height={615}
+      height={height ? height : 615}
       width={550}
       visible={open}
       onClose={(): void => close()}