Fix Utilities > Theme examples text in some cases

diff --git a/site/src/content/docs/utilities/theme.mdx b/site/src/content/docs/utilities/theme.mdx
index 59c42b39460473895418dbe0eb80c76df35cc64a..0ddf1e7cd9eea95ee15be580869ddf9af7e829c3 100644 (file)
--- a/site/src/content/docs/utilities/theme.mdx
+++ b/site/src/content/docs/utilities/theme.mdx
@@ -29,7 +29,7 @@ Subtle pairs the `bg-subtle` theme token with the `text` text color for a lower-
 
 And with borders:
 
-<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-2 theme-${themeColor.name} theme-subtle theme-border">.theme-${themeColor.name} .theme-subtle</div>`)} />
+<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-2 theme-${themeColor.name} theme-subtle theme-border">.theme-${themeColor.name} .theme-subtle .theme-border</div>`)} />
 
 ### Muted
 
@@ -39,7 +39,7 @@ Muted pairs the `bg-muted` theme token with the `text-emphasis` text color for a
 
 And with borders:
 
-<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-2 theme-${themeColor.name} theme-muted theme-border">.theme-${themeColor.name} .theme-muted</div>`)} />
+<Example class="d-grid gap-2" code={getData('theme-colors').map((themeColor) => `<div class="p-2 theme-${themeColor.name} theme-muted theme-border">.theme-${themeColor.name} .theme-muted .theme-border</div>`)} />
 
 ## Comparison