diff --git a/src/common.tsx b/src/common.tsx
index 9b465f8..e3dd1dd 100644
--- a/src/common.tsx
+++ b/src/common.tsx
@@ -288,9 +288,11 @@ export function ActionItem(p: { action: ActionInfo, identifierSubstring?: string
           </body>
         </html>
       `)
-      const root = ReactDOM.createRoot(NewWindow.document.getElementById('root') as HTMLElement)
-      root.render(<TerminalComponent websocket={websocket}/>)
-    }
+      NewWindow.onload = () => {
+        const root = ReactDOM.createRoot(NewWindow.document.getElementById('root') as HTMLElement);
+        root.render(<TerminalComponent websocket={websocket}/>);
+    };
+          }
 
     return (<>
         <Button variant={p.variant} disabled={!isUserAllowed(user, p.action)} onClick={() => { if (p.onClick) { p.onClick() } p.action.response_action == 'Terminal'?createTerminal(`ws${API_URL.slice("http".length)}${url}`):setForm(true) }} sx={p.sx}>{p.action.name}</Button >