diff --git a/src/components/FunctionalArea/Modal/Modal.component.tsx b/src/components/FunctionalArea/Modal/Modal.component.tsx
index 1a0f2f38a2d8a6d19c74c8735a4c095adee6951e..4ca533eda91cab87734412be669566e14aed77ae 100644
--- a/src/components/FunctionalArea/Modal/Modal.component.tsx
+++ b/src/components/FunctionalArea/Modal/Modal.component.tsx
@@ -24,14 +24,14 @@ export const Modal = (): React.ReactNode => {
       role={MODAL_ROLE}
     >
       <div className="flex h-full w-full items-center justify-center">
-        <div className="flex flex-col overflow-hidden	rounded-lg	">
+        <div className="flex h-5/6 w-10/12	flex-col	overflow-hidden rounded-lg">
           <div className="flex items-center justify-between bg-white p-[24px] text-xl">
             <div>{modalTitle}</div>
             <button type="button" onClick={handleCloseModal} aria-label="close button">
               <Icon name="close" className="fill-font-500" />
             </button>
           </div>
-          <div>{isOpen && modalName === 'overview-images' && <OverviewImagesModal />}</div>
+          {isOpen && modalName === 'overview-images' && <OverviewImagesModal />}
         </div>
       </div>
     </div>