diff --git a/hdyc-svelte/src/lib/components/QuickConversionExample.svelte b/hdyc-svelte/src/lib/components/QuickConversionExample.svelte
index a5d2e6b..2843611 100644
--- a/hdyc-svelte/src/lib/components/QuickConversionExample.svelte
+++ b/hdyc-svelte/src/lib/components/QuickConversionExample.svelte
@@ -33,8 +33,15 @@
     <p class="example-note">
       1 {config.labels.in2} = {reverseResult?.val1 ?? '—'} {config.labels.in1}
     </p>
-    <p class="example">
-      Example: convert {exampleInput} {config.labels.in1} to {config.labels.in2}: {formulaExpression} = {result.val2} {config.labels.in2}
+    <p class="example-line">
+      Example: convert {exampleInput} {config.labels.in1} to {config.labels.in2}
+    </p>
+    <p class="example-line">
+      {formulaExpression} =
+      <span class="example-result">{result.val2} {config.labels.in2}</span>
+    </p>
+    <p class="example-line">
+      Result: {result.val2} {config.labels.in2}
     </p>
   </section>
 {/if}
@@ -60,9 +67,15 @@
     color: var(--text-muted);
   }
 
-  .example {
+  .example-line {
     margin: 0;
-    font-size: 0.95rem;
-    font-weight: 500;
+    font-size: 0.9rem;
+    line-height: 1.4;
+    color: var(--text);
+  }
+
+  .example-result {
+    font-weight: 600;
+    margin-left: 0.35rem;
   }
 </style>