diff --git a/preview/preview.htm b/preview/preview.htm
new file mode 100644
index 0000000..7e1cb27
--- /dev/null
+++ b/preview/preview.htm
@@ -0,0 +1,22 @@
+<style>
+	body {
+		margin: 0;
+	}
+	#demo-frame {
+		border: 0;
+		width: 100%;
+		background: white;
+		height: 100%;
+	}
+</style>
+
+<body>
+	<iframe
+		src="about://blank"
+		frameborder="0"
+		id="demo-frame"
+		allowfullscreen
+	></iframe>
+
+	<script src="detached-window.js"></script>
+</body>
diff --git a/src/components/ContentWrap.jsx b/src/components/ContentWrap.jsx
index 96499a7..750c38c 100644
--- a/src/components/ContentWrap.jsx
+++ b/src/components/ContentWrap.jsx
@@ -962,7 +962,7 @@ export default class ContentWrap extends Component {
 						/>
 					) : (
 						<iframe
-							src={`${PREVIEW_FRAME_HOST}/preview.html`}
+							src={`${PREVIEW_FRAME_HOST}/preview.htm`}
 							ref={el => (this.frame = el)}
 							frameborder="0"
 							id="demo-frame"
