From 8eecebfe47e3068b4f058e72980a3c2f951609bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Inayaili=20de=20Le=C3=B3n=20Persson?= <inayaili@gmail.com>
Date: Wed, 3 Jan 2018 15:37:06 +0000
Subject: [PATCH] docs(ui-toolkit): pdated functional icons docs

---
 packages/ui-toolkit/src/icons/functional.md | 24 ++++++++++-----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/ui-toolkit/src/icons/functional.md b/packages/ui-toolkit/src/icons/functional.md
index cdf2c1d3..45c9faac 100644
--- a/packages/ui-toolkit/src/icons/functional.md
+++ b/packages/ui-toolkit/src/icons/functional.md
@@ -1,4 +1,4 @@
-Icons here are used to support funtions and actions users can take withini the Triton service.
+These icons are used to support funtions and actions users can take within the Triton service.
 
 ```js noeditor
 const React = require('react');
@@ -60,19 +60,19 @@ const {
     <Icon>
       <Arrow direction="right" />
     </Icon>
-    <Label>Arrow &gt; Right</Label>
+    <Label>Arrow > Right</Label>
   </ListItem>
   <ListItem>
     <Icon>
       <Arrow direction="up" />
     </Icon>
-    <Label>Arrow &gt; Up</Label>
+    <Label>Arrow > Up</Label>
   </ListItem>
   <ListItem>
     <Icon>
       <Arrow direction="left" />
     </Icon>
-    <Label>Arrow &gt; left</Label>
+    <Label>Arrow > left</Label>
   </ListItem>
   <ListItem>
     <Icon>
@@ -126,13 +126,13 @@ const {
     <Icon>
       <DataCenter />
     </Icon>
-    <Label>Data Centre</Label>
+    <Label>Data Center</Label>
   </ListItem>
   <ListItem>
     <Icon>
       <Delete fill={theme.red} />
     </Icon>
-    <Label>Delete &gt; Red</Label>
+    <Label>Delete > Red</Label>
   </ListItem>
   <ListItem>
     <Icon>
@@ -144,7 +144,7 @@ const {
     <Icon>
       <Dot color='primary' />
     </Icon>
-    <Label>Dot &gt; Primary</Label>
+    <Label>Dot > Primary</Label>
   </ListItem>
   <ListItem>
     <Icon>
@@ -162,19 +162,19 @@ const {
     <Icon>
       <Health />
     </Icon>
-    <Label>Health &gt; Healthy</Label>
+    <Label>Health > Healthy</Label>
   </ListItem>
   <ListItem>
     <Icon>
       <Health healthy={false} />
     </Icon>
-    <Label>Health &gt; Unhealthy</Label>
+    <Label>Health > Unhealthy</Label>
   </ListItem>
   <ListItem>
     <Icon>
       <Id />
     </Icon>
-    <Label>Id</Label>
+    <Label>ID</Label>
   </ListItem>
   <ListItem>
     <Icon>
@@ -192,13 +192,13 @@ const {
     <Icon>
       <Loading />
     </Icon>
-    <Label>Loading &gt; Primary</Label>
+    <Label>Loading > Primary</Label>
   </ListItem>
   <ListItem>
     <Icon>
       <Loading secondary />
     </Icon>
-    <Label>Loading &gt; Secondary</Label>
+    <Label>Loading > Secondary</Label>
   </ListItem>
   <ListItem>
     <Icon>