diff --git a/pattern_library/static/pattern_library/src/js/components/syntax-highlighting.js b/pattern_library/static/pattern_library/src/js/components/syntax-highlighting.js
index 586434c..b275c78 100644
--- a/pattern_library/static/pattern_library/src/js/components/syntax-highlighting.js
+++ b/pattern_library/static/pattern_library/src/js/components/syntax-highlighting.js
@@ -1,13 +1,13 @@
 import hljs from "highlight.js/lib/core";
 import django from "highlight.js/lib/languages/django";
 import yaml from "highlight.js/lib/languages/yaml";
-import html from "highlight.js/lib/languages/vbscript-html";
 import md from "highlight.js/lib/languages/markdown";
+import xml from "highlight.js/lib/languages/xml";
 
 export default function () {
     hljs.registerLanguage("django", django);
     hljs.registerLanguage("yaml", yaml);
     hljs.registerLanguage("md", md);
-    hljs.registerLanguage("html", html);
+    hljs.registerLanguage("xml", xml);
     hljs.highlightAll();
 }
diff --git a/pattern_library/templates/pattern_library/index.html b/pattern_library/templates/pattern_library/index.html
index 0836a91..e7e2742 100644
--- a/pattern_library/templates/pattern_library/index.html
+++ b/pattern_library/templates/pattern_library/index.html
@@ -48,7 +48,7 @@ <h4 class="heading heading--iframe-size js-iframe-size">
                 </div>
 
                 <div id="tab-2" class="tabbed-content__item">
-                    <pre><code class="code html">{{ pattern_html_source }}</code></pre>
+                    <pre><code class="code xml">{{ pattern_html_source }}</code></pre>
                 </div>
 
                 <div id="tab-3" class="tabbed-content__item">