diff --git a/src/common.tsx b/src/common.tsx
index 10a3d8b..411e1fd 100644
--- a/src/common.tsx
+++ b/src/common.tsx
@@ -268,10 +268,33 @@ export function ActionItem(p: { action: ActionInfo, identifierSubstring?: string
     function openTerminalWindow(websocketUrl: string) {
         const terminalWindow = window.open('', '', 'width=800,height=600');
         if (terminalWindow) {
-            terminalWindow.document.write('<div id="terminal-root" style="width:100%; height:100%"></div>');
+            terminalWindow.document.write('<div id="terminal-root" style="width:100%; height:100%"/>');
             terminalWindow.document.title = "Terminal";
-            createRoot(terminalWindow.document.getElementById('terminal-root')!).render(<TerminalComponent websocket={websocketUrl} />);
+
+            var terminal_root = terminalWindow.document.getElementById('terminal-root')!
+            
+            createRoot(terminal_root!).render(<TerminalComponent websocket={websocketUrl} />);
+
+            const style = terminalWindow.document.createElement('style');
+            style.innerHTML = `
+                html, body {
+                    width: 100%;
+                    height: 100%;
+                    margin: 0;
+                    padding: 0;
+                    overflow: hidden;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                }
+            `;
+            terminalWindow.document.head.appendChild(style);
+
+            // Fit the terminal to the new window
+            terminal_root.style.width = '100%';
+            terminal_root.style.height = '100%';
         }
+
     }