diff --git a/plugins/styleguide/assets/javascripts/discourse/templates/components/color-example.hbs b/plugins/styleguide/assets/javascripts/discourse/templates/components/color-example.hbs
index 223bb1c27c9..9756fd02110 100644
--- a/plugins/styleguide/assets/javascripts/discourse/templates/components/color-example.hbs
+++ b/plugins/styleguide/assets/javascripts/discourse/templates/components/color-example.hbs
@@ -1,2 +1,2 @@
 <div class="color-bg {{color}}"></div>
-<div class="color-name">{{color}}</div>
+<div class="color-name">var(--{{color}})</div>
diff --git a/plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-example.hbs b/plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-example.hbs
index 2d203caf344..8289e4da448 100644
--- a/plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-example.hbs
+++ b/plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-example.hbs
@@ -1,8 +1,2 @@
-<div class="example-title">
-  <h3 class="example-title-text">{{title}}</h3>
-  <span class="example-title-use-case">
-    Example:
-  </span>
-  <span class="example-title-use-case">var(--{{title}})</span>
-</div>
+<div class="example-title">{{title}}</div>
 <section class="rendered">{{yield this.value}}</section>