diff --git a/site/src/components/Repl/Output/Viewer.svelte b/site/src/components/Repl/Output/Viewer.svelte
index 66221d6acb..9e1997b39c 100644
--- a/site/src/components/Repl/Output/Viewer.svelte
+++ b/site/src/components/Repl/Output/Viewer.svelte
@@ -15,6 +15,8 @@
 		proxy.setProp(prop, value);
 	}
 
+	export let relaxed = false;
+
 	let iframe;
 	let pending_imports = 0;
 	let pending = false;
@@ -127,7 +129,7 @@
 </style>
 
 <div class="iframe-container">
-	<iframe title="Result" class:inited bind:this={iframe} sandbox="allow-popups-to-escape-sandbox allow-scripts allow-popups allow-forms allow-pointer-lock allow-top-navigation allow-modals" class="{error || pending || pending_imports ? 'greyed-out' : ''}" srcdoc='
+	<iframe title="Result" class:inited bind:this={iframe} sandbox="allow-popups-to-escape-sandbox allow-scripts allow-popups allow-forms allow-pointer-lock allow-top-navigation allow-modals {relaxed ? 'allow-scripts allow-same-origin' : ''}" class="{error || pending || pending_imports ? 'greyed-out' : ''}" srcdoc='
 		<!doctype html>
 		<html>
 			<head>
diff --git a/site/src/components/Repl/Output/index.svelte b/site/src/components/Repl/Output/index.svelte
index 6c312a0b76..2fd1cec8bb 100644
--- a/site/src/components/Repl/Output/index.svelte
+++ b/site/src/components/Repl/Output/index.svelte
@@ -12,6 +12,7 @@
 	export let sourceErrorLoc = null;
 	export let runtimeError = null;
 	export let embedded = false;
+	export let relaxed = false;
 
 	let foo; // TODO workaround for https://github.com/sveltejs/svelte/issues/2122
 
@@ -120,6 +121,7 @@
 	<Viewer
 		bind:this={viewer}
 		bind:error={runtimeError}
+		{relaxed}
 		on:binding="{e => setPropFromViewer(e.detail.prop, e.detail.value)}"
 	/>
 </div>
diff --git a/site/src/components/Repl/ReplWidget.svelte b/site/src/components/Repl/ReplWidget.svelte
index c3bc192f00..d8f3509dc5 100644
--- a/site/src/components/Repl/ReplWidget.svelte
+++ b/site/src/components/Repl/ReplWidget.svelte
@@ -83,6 +83,6 @@
 
 <div class="repl-outer">
 	{#if process.browser}
-		<Repl bind:this={repl} {version} embedded={true}/>
+		<Repl bind:this={repl} {version} embedded={true} relaxed/>
 	{/if}
 </div>
diff --git a/site/src/components/Repl/index.svelte b/site/src/components/Repl/index.svelte
index 50499f163f..40d4f90be4 100644
--- a/site/src/components/Repl/index.svelte
+++ b/site/src/components/Repl/index.svelte
@@ -12,6 +12,7 @@
 	export let version = 'beta'; // TODO change this to latest when the time comes
 	export let embedded = false;
 	export let orientation = 'columns';
+	export let relaxed = false;
 
 	export function toJSON() {
 		// TODO there's a bug here — Svelte hoists this function because
@@ -222,7 +223,7 @@
 			</section>
 
 			<section slot=b style='height: 100%;'>
-				<Output {version} {embedded}/>
+				<Output {version} {embedded} {relaxed}/>
 			</section>
 		</SplitPane>
 	</div>
diff --git a/site/src/routes/tutorial/[slug]/index.svelte b/site/src/routes/tutorial/[slug]/index.svelte
index 28bcd9b4ff..df99958d37 100644
--- a/site/src/routes/tutorial/[slug]/index.svelte
+++ b/site/src/routes/tutorial/[slug]/index.svelte
@@ -239,6 +239,6 @@
 	</div>
 
 	<div class="tutorial-repl">
-		<Repl bind:this={repl} orientation="rows" on:change={handle_change}/>
+		<Repl bind:this={repl} orientation="rows" on:change={handle_change} relaxed/>
 	</div>
 </div>
