diff --git a/app/components/markdown.tsx b/app/components/markdown.tsx
index 738d06a13..255edfa0f 100644
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -62,7 +62,7 @@ export function Mermaid(props: { code: string }) {
 }
 
 export function HTMLPreview(props: { code: string }) {
-  const ref = useRef<HTMLDivElement>(null);
+  const ref = useRef<HTMLIFrameElement>(null);
   const frameId = useRef<string>(nanoid());
   const [height, setHeight] = useState(600);
   /*