diff --git a/packages/roomkit-react/src/Modal/Dialog.tsx b/packages/roomkit-react/src/Modal/Dialog.tsx
index f64e7b977b..12630c7a91 100644
--- a/packages/roomkit-react/src/Modal/Dialog.tsx
+++ b/packages/roomkit-react/src/Modal/Dialog.tsx
@@ -23,11 +23,17 @@ const CustomDialogContent = ({ children, props = {}, css = {} }: { children: Rea
 const CustomDialogOverlay = ({ css = {} }: { css?: CSS }) => (
   <StyledDialogOverlay css={{ ...css, position: 'absolute' }} />
 );
-const CustomDialogPortal = ({ children }: { children: ReactNode }) => {
+const CustomDialogPortal = ({ children, container }: { children: ReactNode; container: HTMLElement | null }) => {
   const dialogContainerSelector = useDialogContainerSelector();
   return (
     <StyledDialogPortal
-      container={dialogContainerSelector ? (document.querySelector(dialogContainerSelector) as HTMLElement) : undefined}
+      container={
+        container
+          ? container
+          : dialogContainerSelector
+          ? (document.querySelector(dialogContainerSelector) as HTMLElement)
+          : undefined
+      }
     >
       {children}
     </StyledDialogPortal>