diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/Output.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/Output.svelte
index 9e902c466d..569136f33b 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/Output.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/Output.svelte
@@ -194,9 +194,9 @@
 		border-top: 1px solid var(--sk-text-4);
 		background: rgba(255, 255, 255, 0.5);
 		transform: translate(0, 100%);
+		-webkit-transform: translate3d(0, 100%, 0);
 		transition: transform 0.3s;
 		backdrop-filter: blur(3px);
-		-webkit-transform: translate3d(0, 0, 0);
 		overflow-y: auto;
 	}
 
@@ -216,6 +216,7 @@
 
 	.terminal.visible {
 		transform: none;
+		-webkit-transform: none;
 	}
 
 	.terminal.visible::after {
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/OutputRollup.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/OutputRollup.svelte
index 889310dd27..c397cbcb87 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/OutputRollup.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/OutputRollup.svelte
@@ -78,6 +78,7 @@
 		background: var(--sk-back-1);
 		border-top: 1px solid var(--sk-text-4);
 		transform: translate(0, 100%);
+		-webkit-transform: translate3d(0, 100%, 0);
 		transition: transform 0.3s;
 		overflow-y: auto;
 	}
@@ -98,6 +99,7 @@
 
 	.terminal.visible {
 		transform: none;
+		-webkit-transform: none;
 	}
 
 	.terminal.visible::after {