diff --git a/apps/svelte.dev/src/routes/docs/[...path]/+page.svelte b/apps/svelte.dev/src/routes/docs/[...path]/+page.svelte
index a5d0437a7d..635075f274 100644
--- a/apps/svelte.dev/src/routes/docs/[...path]/+page.svelte
+++ b/apps/svelte.dev/src/routes/docs/[...path]/+page.svelte
@@ -25,7 +25,15 @@
 <div class="text" id="docs-content" use:ts_js_select use:copy_code_descendants use:legacy_details>
 	<header>
 		<h1>{data.document.metadata.title}</h1>
+	</header>
+
+	<OnThisPage {content} document={data.document} />
 
+	<div class="content" bind:this={content}>
+		{@html data.document.body}
+	</div>
+
+	<p class="edit">
 		<a
 			class="edit"
 			href="https://github.com/sveltejs/svelte.dev/edit/main/apps/svelte.dev/content/{data.document
@@ -33,13 +41,7 @@
 		>
 			<Icon size={50} name="edit" /> Edit this page on GitHub
 		</a>
-	</header>
-
-	<OnThisPage {content} document={data.document} />
-
-	<div class="content" bind:this={content}>
-		{@html data.document.body}
-	</div>
+	</p>
 </div>
 
 <div class="controls">
@@ -65,15 +67,20 @@
 		font-size: 1.4rem;
 		line-height: 1;
 		z-index: 2;
-	}
-
-	.edit :global(.icon) {
-		position: relative;
-		top: -0.1rem;
-		left: 0.3rem;
-		width: 1.4rem;
-		height: 1.4rem;
-		margin-right: 0.5rem;
+		margin: 6rem 0 2rem 0;
+
+		a {
+			text-decoration: none;
+		}
+
+		:global(.icon) {
+			position: relative;
+			top: -0.1rem;
+			left: 0.3rem;
+			width: 1.4rem;
+			height: 1.4rem;
+			margin-right: 0.5rem;
+		}
 	}
 
 	.controls {
@@ -82,7 +89,7 @@
 		padding: 1rem 0 0 0;
 		display: grid;
 		grid-template-columns: 1fr 1fr;
-		margin: 6rem 0 0 0;
+		margin: 1rem 0 0 0;
 	}
 
 	.controls > :first-child {