diff --git a/src/components/BrowserWindow/index.tsx b/src/components/BrowserWindow/index.tsx
index 644ed2a11..3b0b44fa4 100644
--- a/src/components/BrowserWindow/index.tsx
+++ b/src/components/BrowserWindow/index.tsx
@@ -12,17 +12,19 @@ import styles from "./styles.module.css";
 
 interface Props {
   children: ReactNode;
-  height: string;
+  minHeight?: string;
+  height?: string;
   url?: string;
 }
 
 export default function BrowserWindow({
   children,
+  minHeight,
   height,
   url = "http://localhost:3000",
 }: Props): JSX.Element {
   return (
-    <div className={styles.browserWindow} style={{ height }}>
+    <div className={styles.browserWindow} style={{ minHeight, height }}>
       <div className={styles.browserWindowHeader}>
         <div className={styles.buttons}>
           <span className={styles.dot} style={{ background: "#f25f58" }} />
diff --git a/src/components/IframeOutput/index.tsx b/src/components/IframeOutput/index.tsx
index 84e9a68d7..7968b4a5a 100644
--- a/src/components/IframeOutput/index.tsx
+++ b/src/components/IframeOutput/index.tsx
@@ -10,7 +10,10 @@ export default function IframeOutput({
 }) {
   return (
     <>
-      <BrowserWindow height={height === undefined ? "200px" : height}>
+      <BrowserWindow
+        height={height !== undefined && height}
+        minHeight={height === undefined && "200px"}
+      >
         <iframe
           width="100%"
           height="100%"