diff --git a/web/routes/uix/components/heading/+page.svelte b/web/routes/uix/components/heading/+page.svelte
index 989f2ea76..e8871350e 100644
--- a/web/routes/uix/components/heading/+page.svelte
+++ b/web/routes/uix/components/heading/+page.svelte
@@ -69,23 +69,7 @@
 		return () => obs.disconnect();
 	});
 
-	// ── Code snippets ─────────────────────────────────────────────────────
-	const somaSnippet = $derived(
-		[
-			'<!-- Heading is eidos-native — no soma layer. -->',
-			'<!-- Equivalent semantic markup: -->',
-			'',
-			`<h${level}`,
-			'  data-heading',
-			`  data-style="${headingStyle || `h${level}`}"`,
-			headingStyle && headingStyle !== `h${level}` && '  <!-- semantic and visual decoupled -->',
-			'>',
-			`  ${content}`,
-			`</h${level}>`
-		]
-			.filter(Boolean)
-			.join('\n')
-	);
+	// ── Code snippet ──────────────────────────────────────────────────────
 
 	const eidosSnippet = $derived(
 		[
@@ -147,7 +131,7 @@
 	<div data-uix-stage>
 		<div data-uix-stage-area bind:this={stageRef}>
 			<div
-				style="max-inline-size: 38rem; padding: var(--space-3); border: 1px dashed var(--color-neutral-border); border-radius: var(--radius-md);"
+				style="inline-size: 100%; max-inline-size: 38rem; padding: var(--space-3); border: 1px dashed var(--color-neutral-border); border-radius: var(--radius-md);"
 			>
 				<Heading
 					{level}
@@ -366,15 +350,6 @@
 			</div>
 
 			<div data-uix-code>
-				<div data-uix-code-head>
-					<span data-uix-layer-badge="soma">soma</span>
-					<span>n/a · heading is eidos-native — equivalent markup shown</span>
-					<span data-uix-code-lang>svelte</span>
-				</div>
-				<pre><code>{somaSnippet}</code></pre>
-			</div>
-
-			<div data-uix-code style="margin-top: var(--uix-space-3);">
 				<div data-uix-code-head>
 					<span data-uix-layer-badge="eidos">eidos</span>
 					<span>visual · level + style + per-axis overrides</span>
diff --git a/web/routes/uix/components/text/+page.svelte b/web/routes/uix/components/text/+page.svelte
index ba7984556..bb7d54f36 100644
--- a/web/routes/uix/components/text/+page.svelte
+++ b/web/routes/uix/components/text/+page.svelte
@@ -68,22 +68,7 @@
 		return () => obs.disconnect();
 	});
 
-	// ── Code snippets ─────────────────────────────────────────────────────
-	const somaSnippet = $derived(
-		[
-			'<!-- Text is eidos-native — no soma layer. -->',
-			'<!-- Equivalent semantic markup (not real soma): -->',
-			'',
-			'<span',
-			'  data-text',
-			`  data-style="${textStyle}"`,
-			'  style="font-family: var(--style-' + textStyle + '-font-family); …"',
-			'>',
-			'  …',
-			'</span>'
-		].join('\n')
-	);
-
+	// ── Code snippet ──────────────────────────────────────────────────────
 	const eidosSnippet = $derived(
 		[
 			"<script lang='ts'>",
@@ -144,7 +129,7 @@
 	<!-- Live preview always rendered -->
 	<div data-uix-stage>
 		<div data-uix-stage-area bind:this={stageRef}>
-			<div style="max-inline-size: 36rem; padding: var(--space-3); border: 1px dashed var(--color-border-default); border-radius: var(--radius-md);">
+			<div style="inline-size: 100%; max-inline-size: 36rem; padding: var(--space-3); border: 1px dashed var(--color-border-default); border-radius: var(--radius-md);">
 				<Text
 					style={textStyle}
 					size={size || undefined}
@@ -285,17 +270,8 @@
 				</label>
 			</div>
 
-			<!-- ── Code snippets per layer ─────────────────────────────────── -->
+			<!-- ── Code snippet (eidos-native — no soma layer) ──────────────── -->
 			<div data-uix-code>
-				<div data-uix-code-head>
-					<span data-uix-layer-badge="soma">soma</span>
-					<span>n/a · text is eidos-native — equivalent markup shown</span>
-					<span data-uix-code-lang>svelte</span>
-				</div>
-				<pre><code>{somaSnippet}</code></pre>
-			</div>
-
-			<div data-uix-code style="margin-top: var(--uix-space-3);">
 				<div data-uix-code-head>
 					<span data-uix-layer-badge="eidos">eidos</span>
 					<span>visual · style + per-axis overrides</span>