docs: update markdown tables

Some markdown tables on documentation site are showing incorrectly.

Author: Chris Brett

website/src/docs/1.0/utilities/background-colors.md

@@ -53,19 +53,21 @@ Background colors are most commonly used for filling large blocks of content or
 | `.bg-blue-light`         | `$blue-light (#f2f8ff)`         |
 | `.bg-turquoise-dark`     | `$turquoise-dark (#5cc0b5)`     |
 | `.bg-turquoise-primary`  | `$turquoise-primary (#81cec6)`  |
-| `.bg-turquoise-mid `     | `$turquoise-mid (#b8e3df)`      |
+| `.bg-turquoise-mid`      | `$turquoise-mid (#b8e3df)`      |
 | `.bg-turquoise-light`    | `$turquoise-light (#eaf9f7)`    |
 | `.bg-red-light`          | `$red-light (#fae1e1)`          |
 | `.bg-black`              | `$black (#000000)`              |
 | `.bg-dark-grey`          | `$dark-grey (#333333)`          |
 | `.bg-mid-grey`           | `$mid-grey  (#606060)`          |
-| `.bg-grey`               | ` $grey (#9f9f9f)`              |
+| `.bg-grey`               | `$grey (#9f9f9f)`               |
 | `.bg-light-grey`         | `$light-grey (#dfdfdf)`         |
 | `.bg-pale-grey`          | `$pale-grey (#f2f2f2)`          |
 | `.bg-white`              | `$white (#ffffff)`              |
 | `.bg-heritage-yellow`    | `$heritage-yellow (#fcbb69)`    |
 | `.bg-red-primary`        | `$red-primary (#df3034)`        |
 
+### Example markup
+
 ```html
 <div class="bg-heritage-blue">
   A block with background colour of #004B88

website/src/docs/1.0/utilities/text-colors.md

@@ -4,8 +4,8 @@ title: Colours
 ---
 # Text-colors
 
-| Name                          | Type   | Version                                                                       |
-|-------------------------------|--------|-------------------------------------------------------------------------------|
+| Name                          | Type   | Version |
+|-------------------------------|-------- -------------------------------------------------------------------------------|
 | `@citizensadvice/text-colors` | Utilty | ![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/text-colors.svg) |
 
 
@@ -41,7 +41,7 @@ You can make use of the [unpkg](https://unpkg.com) service, try adding the link
 
 Defines the colour of text.
 
-### Background Colours
+### Text Colours
 
 | Available classes     | Value                           |
 |-----------------------|---------------------------------|
@@ -54,19 +54,21 @@ Defines the colour of text.
 | `.blue-light`         | `$blue-light (#f2f8ff)`         |
 | `.turquoise-dark`     | `$turquoise-dark (#5cc0b5)`     |
 | `.turquoise-primary`  | `$turquoise-primary (#81cec6)`  |
-| `.turquoise-mid `     | `$turquoise-mid (#b8e3df)`      |
+| `.turquoise-mid`      | `$turquoise-mid (#b8e3df)`      |
 | `.turquoise-light`    | `$turquoise-light (#eaf9f7)`    |
 | `.red-light`          | `$red-light (#fae1e1)`          |
 | `.black`              | `$black (#000000)`              |
 | `.dark-grey`          | `$dark-grey (#333333)`          |
 | `.mid-grey`           | `$mid-grey  (#606060)`          |
-| `.grey`               | ` $grey (#9f9f9f)`              |
+| `.grey`               | `$grey (#9f9f9f)`               |
 | `.light-grey`         | `$light-grey (#dfdfdf)`         |
 | `.pale-grey`          | `$pale-grey (#f2f2f2)`          |
 | `.white`              | `$white (#ffffff)`              |
 | `.heritage-yellow`    | `$heritage-yellow (#fcbb69)`    |
 | `.red-primary`        | `$red-primary (#df3034)`        |
 
+### Example markup
+
 ```html
 <p class="heritage-blue">A block with a text colour of #004B88</p>
 <p class="grey">A block with a text colour of #9f9f9f</p>