diff --git a/docs/components/page-header.md b/docs/components/page-header.md
index acc57d4672..e322379c54 100644
--- a/docs/components/page-header.md
+++ b/docs/components/page-header.md
@@ -5,8 +5,8 @@ title: Page header
 
 A simple shell for an `h1` to appropriately space out and segment sections of content on a page. It can utilize the `h1`'s default `small` element, as well as most other components (with additional styles).
 
-{% highlight html %}
+{% example html %}
 <div class="page-header">
   <h1>Example page header <small>Subtext for header</small></h1>
 </div>
-{% endhighlight %}
+{% endexample %}