diff --git a/src/styles/spacing/index.md.njk b/src/styles/spacing/index.md.njk
index 7d0628afa8..f01b36daa0 100644
--- a/src/styles/spacing/index.md.njk
+++ b/src/styles/spacing/index.md.njk
@@ -16,64 +16,63 @@ The Design System uses a responsive spacing scale which adapts based on screen s
 
 <table class="govuk-table app-table--constrained">
   <caption class="govuk-table__caption small govuk-visually-hidden">GOV.UK Frontend spacing scale</caption>
-  <thead class="govuk-table__head">
-    <tr class="govuk-table__row">
+  <thead>
+    <tr>
       <th class="govuk-table__header" scope="col">Spacing unit</th>
-      <th class="govuk-table__header govuk-table__header--numeric" scope="col">Large screens</th>
       <th class="govuk-table__header govuk-table__header--numeric" scope="col">Small screens</th>
+      <th class="govuk-table__header govuk-table__header--numeric" scope="col">Large screens</th>
     </tr>
   </thead>
-  <tbody class="govuk-table__body">
-    <tr class="govuk-table__row">
-      <th class="govuk-table__header" scope="row">9</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">60px</td>
-      <td class="govuk-table__cell govuk-table__cell--numeric">40px</td>
-    </tr>
-    <tr class="govuk-table__row">
-      <th class="govuk-table__header" scope="row">8</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">50px</td>
-      <td class="govuk-table__cell govuk-table__cell--numeric">30px</td>
+  <tbody>
+    <tr>
+      <th class="govuk-table__header" scope="row">0</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">0</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">0</td>
     </tr>
-    <tr class="govuk-table__row">
-      <th class="govuk-table__header" scope="row">7</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">40px</td>
-      <td class="govuk-table__cell govuk-table__cell--numeric">25px</td>
+    <tr>
+      <th class="govuk-table__header" scope="row">1</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">5px</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">5px</td>
     </tr>
-    <tr class="govuk-table__row">
-      <th class="govuk-table__header" scope="row">6</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">30px</td>
-      <td class="govuk-table__cell govuk-table__cell--numeric">20px</td>
+    <tr>
+      <th class="govuk-table__header" scope="row">2</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">10px</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">10px</td>
     </tr>
-    <tr class="govuk-table__row">
-      <th class="govuk-table__header" scope="row">5</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">25px</td>
+    <tr>
+      <th class="govuk-table__header" scope="row">3</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">15px</td>
       <td class="govuk-table__cell govuk-table__cell--numeric">15px</td>
     </tr>
-    <tr class="govuk-table__row">
+    <tr>
       <th class="govuk-table__header" scope="row">4</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">20px</td>
       <td class="govuk-table__cell govuk-table__cell--numeric">15px</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">20px</td>
     </tr>
-    <tr class="govuk-table__row">
-      <th class="govuk-table__header" scope="row">3</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">15px</td>
+    <tr>
+      <th class="govuk-table__header" scope="row">5</th>
       <td class="govuk-table__cell govuk-table__cell--numeric">15px</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">25px</td>
     </tr>
-    <tr class="govuk-table__row">
-      <th class="govuk-table__header" scope="row">2</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">10px</td>
-      <td class="govuk-table__cell govuk-table__cell--numeric">10px</td>
+    <tr>
+      <th class="govuk-table__header" scope="row">6</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">20px</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">30px</td>
     </tr>
+    <tr>
+      <th class="govuk-table__header" scope="row">7</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">25px</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">40px</td>
     </tr>
-    <tr class="govuk-table__row">
-      <th class="govuk-table__header" scope="row">1</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">5px</td>
-      <td class="govuk-table__cell govuk-table__cell--numeric">5px</td>
+    <tr>
+      <th class="govuk-table__header" scope="row">8</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">30px</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">50px</td>
     </tr>
-    <tr class="govuk-table__row">
-      <th class="govuk-table__header" scope="row">0</th>
-      <td class="govuk-table__cell govuk-table__cell--numeric">0</td>
-      <td class="govuk-table__cell govuk-table__cell--numeric">0</td>
+    <tr>
+      <th class="govuk-table__header" scope="row">9</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">40px</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">60px</td>
     </tr>
   </tbody>
 </table>