diff --git a/src/docs/src/routes/components/button/+page.svelte.md b/src/docs/src/routes/components/button/+page.svelte.md
index c482c411287..2b159583c0f 100644
--- a/src/docs/src/routes/components/button/+page.svelte.md
+++ b/src/docs/src/routes/components/button/+page.svelte.md
@@ -59,11 +59,11 @@ data="{[
 <pre slot="html" use:replace={{ to: $prefix }}>{
 `<button class="$$btn">Button</button>
 <button class="$$btn $$btn-neutral">Neutral</button>
-<button class="$$btn $$btn-primary">Button</button>
-<button class="$$btn $$btn-secondary">Button</button>
-<button class="$$btn $$btn-accent">Button</button>
-<button class="$$btn $$btn-ghost">Button</button>
-<button class="$$btn $$btn-link">Button</button>`
+<button class="$$btn $$btn-primary">Primary</button>
+<button class="$$btn $$btn-secondary">Secondary</button>
+<button class="$$btn $$btn-accent">Accent</button>
+<button class="$$btn $$btn-ghost">Ghost</button>
+<button class="$$btn $$btn-link">Link</button>`
 }</pre>
 </Component>