diff --git a/frontend/src/shared/components/BottomSheet/BottomSheet.tsx b/frontend/src/shared/components/BottomSheet/BottomSheet.tsx
index 2f84d8522..8d02e60e8 100644
--- a/frontend/src/shared/components/BottomSheet/BottomSheet.tsx
+++ b/frontend/src/shared/components/BottomSheet/BottomSheet.tsx
@@ -31,17 +31,15 @@ const BottomSheet = ({ isOpen, closeModal, children }: PropsWithChildren<BottomS
     };
   }, [isOpen, closeByEsc]);
 
-  return createPortal(
-    <Wrapper>
-      {isOpen && (
-        <>
-          <Backdrop role="backdrop" onClick={closeModal} aria-hidden="true" />
-          <Container role="dialog">{children}</Container>
-        </>
-      )}
-    </Wrapper>,
-    document.body
-  );
+  if (isOpen) {
+    return createPortal(
+      <Wrapper>
+        <Backdrop role="backdrop" onClick={closeModal} aria-hidden="true" />
+        <Container role="dialog">{children}</Container>
+      </Wrapper>,
+      document.body
+    );
+  }
 };
 
 export default BottomSheet;
diff --git a/frontend/src/shared/components/Modal/Modal.tsx b/frontend/src/shared/components/Modal/Modal.tsx
index a0a628800..491fc269d 100644
--- a/frontend/src/shared/components/Modal/Modal.tsx
+++ b/frontend/src/shared/components/Modal/Modal.tsx
@@ -32,14 +32,14 @@ const Modal = ({ isOpen, closeModal, children }: PropsWithChildren<ModalProps>)
   }, [isOpen, closeByEsc]);
 
   return createPortal(
-    <Wrapper>
+    <>
       {isOpen && (
-        <>
+        <Wrapper>
           <Backdrop role="backdrop" onClick={closeModal} aria-hidden="true" />
           <Container role="dialog">{children}</Container>
-        </>
+        </Wrapper>
       )}
-    </Wrapper>,
+    </>,
     document.body
   );
 };