diff --git a/docs/src/pages/playground.astro b/docs/src/pages/playground.astro
index 471682d..1fdfd91 100644
--- a/docs/src/pages/playground.astro
+++ b/docs/src/pages/playground.astro
@@ -27,11 +27,10 @@ const baseHref = import.meta.env.BASE_URL;
 			<a class="brand" href=".">
 				<img src="/squill.svg" width="22" height="22" alt="" />
 				<span class="wordmark">squill</span>
-				<span class="sub">playground</span>
 			</a>
+			<span class="sub">playground</span>
 			<select id="example" title="Example" aria-label="Example"></select>
 			<div class="spacer"></div>
-			<span id="ms" class="ms" title="Time spent formatting">— ms</span>
 			<button id="copy" class="button" title="Copy formatted output"
 				>copy</button
 			>
@@ -98,7 +97,10 @@ const baseHref = import.meta.env.BASE_URL;
 			<section class="pane output-pane">
 				<div class="pane-label">
 					<span>formatted</span>
-					<span id="status" class="tidy">✓ tidy</span>
+					<div>
+						<span id="status" class="tidy"></span>
+						<span id="ms" class="ms" title="Time spent formatting">— ms</span>
+					</div>
 				</div>
 				<div id="output" class="output">
 					<div class="loading">loading squill.wasm…</div>
@@ -330,7 +332,7 @@ const baseHref = import.meta.env.BASE_URL;
 						theme: "squill-dark",
 					});
 					consoleOut.textContent = "—";
-					statusBadge.textContent = "✓ tidy";
+					statusBadge.textContent = "✓ formatted in ";
 					statusBadge.className = "tidy";
 				} else {
 					// Keep the last good output visible; report in the console.