diff --git a/backstop.config.js b/backstop.config.js
index 294d7d3..25bc1ed 100644
--- a/backstop.config.js
+++ b/backstop.config.js
@@ -99,11 +99,11 @@ module.exports = {
       onBeforeScript: null
     },
     {
-      label: 'Codes',
+      label: 'Code',
       url: 'http://localhost:3000',
       hideSelectors: [],
       removeSelectors: [],
-      selectors: ['#codes .example'],
+      selectors: ['#code .example'],
       readyEvent: null,
       delay: 500,
       misMatchThreshold: 0.1,
diff --git a/example.html b/example.html
index f6fa4e1..46128eb 100644
--- a/example.html
+++ b/example.html
@@ -95,8 +95,8 @@
                     >
                   </li>
                   <li class="popover-item">
-                    <a class="popover-link" href="#codes" title="Codes"
-                      >Codes</a
+                    <a class="popover-link" href="#code" title="Code"
+                      >Code</a
                     >
                   </li>
                   <li class="popover-item">
@@ -256,7 +256,7 @@
             <a href="https://milligram.io/#tables" title="Tables">Tables</a>
           </li>
           <li><a href="https://milligram.io/#grids" title="Grids">Grids</a></li>
-          <li><a href="https://milligram.io/#codes" title="Codes">Codes</a></li>
+          <li><a href="https://milligram.io/#code" title="Code">Code</a></li>
           <li>
             <a href="https://milligram.io/#utilities" title="Utilities"
               >Utilities</a
diff --git a/readme.md b/readme.md
index 88b8adb..a1de499 100644
--- a/readme.md
+++ b/readme.md
@@ -45,7 +45,7 @@ $ yarn add milligram
 - [Forms](https://milligram.io/#forms)
 - [Tables](https://milligram.io/#tables)
 - [Grids](https://milligram.io/#grids)
-- [Codes](https://milligram.io/#codes)
+- [Code](https://milligram.io/#code)
 - [Utilities](https://milligram.io/#utilities)
 - [Tips](https://milligram.io/#tips)
 - [Browser Support](https://milligram.io/#browser-support)
diff --git a/test/index.html b/test/index.html
index 838a0fd..0c89901 100644
--- a/test/index.html
+++ b/test/index.html
@@ -830,8 +830,8 @@
         </div>
       </section>
 
-      <section class="container" id="codes">
-        <h5 class="title">Codes</h5>
+      <section class="container" id="code">
+        <h5 class="title">Code</h5>
         <hr />
         <div class="example">
           <pre><code>.milligram {
@@ -898,7 +898,7 @@
             <a href="https://milligram.io/grids.html" title="Grids">Grids</a>
           </li>
           <li>
-            <a href="https://milligram.io/codes.html" title="Codes">Codes</a>
+            <a href="https://milligram.io/code.html" title="Code">Code</a>
           </li>
           <li>
             <a href="https://milligram.io/utilities.html" title="Utilities"