diff --git a/src/app/components/page/Page.tsx b/src/app/components/page/Page.tsx
index 55ccecee..46abf313 100644
--- a/src/app/components/page/Page.tsx
+++ b/src/app/components/page/Page.tsx
@@ -4,6 +4,7 @@ import classNames from 'classnames';
 import { ContainerColor } from '../../styles/ContainerColor.css';
 import * as css from './style.css';
 import { ScreenSize, useScreenSizeContext } from '../../hooks/useScreenSize';
+import { Outlet, useOutletContext } from 'react-router-dom';
 
 type PageRootProps = {
   nav: ReactNode;
@@ -12,6 +13,7 @@ type PageRootProps = {
 
 export function PageRoot({ nav, children }: PageRootProps) {
   const screenSize = useScreenSizeContext();
+  const { iframeRef } = useOutletContext();
 
   return (
     <Box grow="Yes" className={ContainerColor({ variant: 'Background' })}>
@@ -19,7 +21,7 @@ export function PageRoot({ nav, children }: PageRootProps) {
       {screenSize !== ScreenSize.Mobile && (
         <Line variant="Background" size="300" direction="Vertical" />
       )}
-      {children}
+      <Outlet context={{ iframeRef }} />
     </Box>
   );
 }