diff --git a/_sass/base.scss b/_sass/base.scss
index 839fa0d19a0902bd089379810cbd4adb2eb76abf..99402c8c2a27eab3cb58b4895cf74ca9c95b001a 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -86,7 +86,7 @@ a:not([class]) {
 
 code {
   font-family: $mono-font-family;
-  font-size: 12px;
+  font-size: 0.75em;
   line-height: $body-line-height;
 }
 
diff --git a/docs/ui-components/code.md b/docs/ui-components/code.md
index 74fbdf9de02299a535b08564d8171eccd2a2cea2..e53a90de42fefdd9117d9771d62051776299688a 100644
--- a/docs/ui-components/code.md
+++ b/docs/ui-components/code.md
@@ -22,9 +22,14 @@ Code can be rendered inline by wrapping it in single back ticks.
 
 <div class="code-example" markdown="1">
 Lorem ipsum dolor sit amet, `<inline code snippet>` adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+## Heading with `<inline code snippet>` in it.
+{: .no_toc }
 </div>
 ```markdown
 Lorem ipsum dolor sit amet, `<inline code snippet>` adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+## Heading with `<inline code snippet>` in it.
 ```
 
 ---