diff --git a/prepros.config b/prepros.config
index 37276d0..f78787a 100644
--- a/prepros.config
+++ b/prepros.config
@@ -516,7 +516,7 @@
           },
           {
             "task": "minify-css",
-            "enable": true
+            "enable": false
           }
         ],
         "output": {
diff --git a/public/index.html b/public/index.html
index 047cc29..374b809 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,7 +19,7 @@
     <div class="container">
       <header>
         <!-- The headline banner area -->
-        <svg style="height: 5.5rem; width: 100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+        <svg height="5.5rem" width="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
           <text>DS2 core</text>
         </svg>
         <div>
diff --git a/src/pg/_config.pug b/src/pg/_config.pug
index 658d352..4eb5157 100644
--- a/src/pg/_config.pug
+++ b/src/pg/_config.pug
@@ -1,7 +1,7 @@
 - var site = "DS2 core"
 - var lang = "en-uk"
 - var colorpfx =  "colour"
-- var headings = ["What is it", "When to use it", "How to use it"]
+- var headings = ["What is it", "When to use it", "How to use it", "Example"]
 - var downloadExtensions = ["js", "pug", "scss"]
 - var generateColourToken = ["colours"]
 
diff --git a/src/scss/_core.scss b/src/scss/_core.scss
index 7d6ad72..b070e26 100644
--- a/src/scss/_core.scss
+++ b/src/scss/_core.scss
@@ -116,7 +116,7 @@
 				display: grid; 
 				gap: .5rem;
 				grid-template-columns: repeat(3, 1fr);
-				grid-template-rows: 2.5rem repeat(2, max-content);
+				grid-template-rows: repeat(3, max-content);
 				.result {
 					align-items: center;
 					border-radius: .5rem;