diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/+page.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/+page.svelte
index 43ab180e64..6f374999e9 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/+page.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/+page.svelte
@@ -279,9 +279,9 @@
 						<SplitPane
 							id="editor"
 							type={mobile ? 'vertical' : 'horizontal'}
-							min="120px"
-							max="300px"
-							pos="200px"
+							min={mobile ? '40px' : '120px'}
+							max={mobile ? '40px' : '300px'}
+							pos={mobile ? '40px' : '200px'}
 						>
 							{#snippet a()}
 								<section class="navigator">
@@ -415,16 +415,9 @@
 		background-color: var(--sk-bg-3);
 	}
 
-	.mobile .navigator {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		padding: 1rem;
-		gap: 1rem;
-	}
-
 	.mobile .navigator .file {
 		flex: 1;
+		padding: 1rem;
 		text-align: left;
 		white-space: nowrap;
 		overflow: hidden;