diff --git a/src/modules/opencode/OpenCodePage.tsx b/src/modules/opencode/OpenCodePage.tsx
index fef6010..56c66e4 100644
--- a/src/modules/opencode/OpenCodePage.tsx
+++ b/src/modules/opencode/OpenCodePage.tsx
@@ -5,6 +5,7 @@ export const OpenCodePage: React.FC = () => {
   const [port, setPort] = useState<number>(9999)
   const startedRef = useRef(false)
   const restartingRef = useRef(false)
+  const webviewRef = useRef<HTMLWebViewElement>(null)
 
   useEffect(() => {
     let mounted = true
@@ -72,10 +73,12 @@ export const OpenCodePage: React.FC = () => {
         </div>
       )}
       {isHealthy && (
-        <iframe
+        <webview
+          ref={webviewRef}
           src={`http://localhost:${port}`}
-          className="h-full w-full border-0"
-          title="XCOpenCodeWeb"
+          style={{ width: '100%', height: '100%', border: 'none' }}
+          allowpopups={true}
+          webpreferences="contextIsolation=no"
         />
       )}
     </div>