diff --git a/package.json b/package.json
index 9df06a24..c78e9104 100644
--- a/package.json
+++ b/package.json
@@ -42,9 +42,12 @@
     "@babel/runtime": "^7.4.5",
     "@govuk-react/constants": "^0.7.1",
     "@govuk-react/details": "^0.7.1",
+    "@govuk-react/error-text": "^0.7.1",
     "@govuk-react/label-text": "^0.7.1",
     "@govuk-react/lib": "^0.7.1",
     "@govuk-react/link": "^0.7.1",
+    "@govuk-react/multi-choice": "^0.7.1",
+    "@govuk-react/radio": "^0.7.1",
     "@govuk-react/select": "^0.7.1",
     "@govuk-react/table": "^0.7.1",
     "axios": "^0.19.0",
diff --git a/src/activity-feed/__snapshots__/ActivityFeed.test.jsx.snap b/src/activity-feed/__snapshots__/ActivityFeed.test.jsx.snap
index c9f66a8f..901ec367 100644
--- a/src/activity-feed/__snapshots__/ActivityFeed.test.jsx.snap
+++ b/src/activity-feed/__snapshots__/ActivityFeed.test.jsx.snap
@@ -2,13 +2,13 @@
 
 exports[`ActivityFeed when activities are being loaded should display a loader 1`] = `
 <div
-  className="sc-fhYwyz bFlnVM"
+  className="sc-rBLzX imyqLh"
 >
   <div
-    className="sc-eilVRo grQAli"
+    className="sc-cpmLhU ieqryD"
   >
     <div
-      className="sc-eerKOB kKRoMg"
+      className="sc-dymIpo fxBbx"
     >
       <h2
         className="sc-cMljjf leOqMw"
@@ -18,14 +18,14 @@ exports[`ActivityFeed when activities are being loaded should display a loader 1
       </h2>
     </div>
     <div
-      className="sc-emmjRN jFlcTJ"
+      className="sc-bnXvFD cCSIxC"
     />
   </div>
   <div
-    className="sc-dymIpo kKXqhu"
+    className="sc-fhYwyz dNcKzZ"
   >
     <a
-      className="sc-cHGsZl sc-bnXvFD ffPjIx"
+      className="sc-cJSrbW sc-jzgbtB kutwhB"
       href="#"
       muted={false}
       onClick={[Function]}
@@ -35,16 +35,16 @@ exports[`ActivityFeed when activities are being loaded should display a loader 1
     </a>
   </div>
   <ol
-    className="sc-jzgbtB bhxQeT"
+    className="sc-bMvGRv gPegBr"
   />
   <div
-    className="sc-gFaPwZ cyxlpf"
+    className="sc-gJWqzi imhZJV"
   >
     <div
-      className="sc-TOsTZ dvDiFK"
+      className="sc-ksYbfQ jRaAdK"
     >
       <div
-        className="sc-kgAjT gsrKLN"
+        className="sc-hmzhuo jyPcyv"
       >
         <svg
           className="icon-loading"
@@ -245,7 +245,7 @@ exports[`ActivityFeed when activities are being loaded should display a loader 1
           />
         </svg>
         <div
-          className="overlay sc-cJSrbW kjaCSJ"
+          className="overlay sc-frDJqD lgbNCy"
         />
       </div>
       <button
@@ -262,13 +262,13 @@ exports[`ActivityFeed when activities are being loaded should display a loader 1
 
 exports[`ActivityFeed when the activity feed has child elements should render the children 1`] = `
 <div
-  className="sc-fhYwyz bFlnVM"
+  className="sc-rBLzX imyqLh"
 >
   <div
-    className="sc-eilVRo grQAli"
+    className="sc-cpmLhU ieqryD"
   >
     <div
-      className="sc-eerKOB kKRoMg"
+      className="sc-dymIpo fxBbx"
     >
       <h2
         className="sc-cMljjf leOqMw"
@@ -278,14 +278,14 @@ exports[`ActivityFeed when the activity feed has child elements should render th
       </h2>
     </div>
     <div
-      className="sc-emmjRN jFlcTJ"
+      className="sc-bnXvFD cCSIxC"
     />
   </div>
   <div
-    className="sc-dymIpo kKXqhu"
+    className="sc-fhYwyz dNcKzZ"
   >
     <a
-      className="sc-cHGsZl sc-bnXvFD ffPjIx"
+      className="sc-cJSrbW sc-jzgbtB kutwhB"
       href="#"
       muted={false}
       onClick={[Function]}
@@ -295,7 +295,7 @@ exports[`ActivityFeed when the activity feed has child elements should render th
     </a>
   </div>
   <ol
-    className="sc-jzgbtB bhxQeT"
+    className="sc-bMvGRv gPegBr"
   />
   <div>
     Child element to test
@@ -305,13 +305,13 @@ exports[`ActivityFeed when the activity feed has child elements should render th
 
 exports[`ActivityFeed when the feed is empty should render empty feed 1`] = `
 <div
-  className="sc-fhYwyz bFlnVM"
+  className="sc-rBLzX imyqLh"
 >
   <div
-    className="sc-eilVRo grQAli"
+    className="sc-cpmLhU ieqryD"
   >
     <div
-      className="sc-eerKOB kKRoMg"
+      className="sc-dymIpo fxBbx"
     >
       <h2
         className="sc-cMljjf leOqMw"
@@ -321,14 +321,14 @@ exports[`ActivityFeed when the feed is empty should render empty feed 1`] = `
       </h2>
     </div>
     <div
-      className="sc-emmjRN jFlcTJ"
+      className="sc-bnXvFD cCSIxC"
     />
   </div>
   <div
-    className="sc-dymIpo kKXqhu"
+    className="sc-fhYwyz dNcKzZ"
   >
     <a
-      className="sc-cHGsZl sc-bnXvFD ffPjIx"
+      className="sc-cJSrbW sc-jzgbtB kutwhB"
       href="#"
       muted={false}
       onClick={[Function]}
@@ -338,20 +338,20 @@ exports[`ActivityFeed when the feed is empty should render empty feed 1`] = `
     </a>
   </div>
   <ol
-    className="sc-jzgbtB bhxQeT"
+    className="sc-bMvGRv gPegBr"
   />
 </div>
 `;
 
 exports[`ActivityFeed when there are more activities to load should render with "Load more" link 1`] = `
 <div
-  className="sc-fhYwyz bFlnVM"
+  className="sc-rBLzX imyqLh"
 >
   <div
-    className="sc-eilVRo grQAli"
+    className="sc-cpmLhU ieqryD"
   >
     <div
-      className="sc-eerKOB kKRoMg"
+      className="sc-dymIpo fxBbx"
     >
       <h2
         className="sc-cMljjf leOqMw"
@@ -361,14 +361,14 @@ exports[`ActivityFeed when there are more activities to load should render with
       </h2>
     </div>
     <div
-      className="sc-emmjRN jFlcTJ"
+      className="sc-bnXvFD cCSIxC"
     />
   </div>
   <div
-    className="sc-dymIpo kKXqhu"
+    className="sc-fhYwyz dNcKzZ"
   >
     <a
-      className="sc-cHGsZl sc-bnXvFD ffPjIx"
+      className="sc-cJSrbW sc-jzgbtB kutwhB"
       href="#"
       muted={false}
       onClick={[Function]}
@@ -378,25 +378,25 @@ exports[`ActivityFeed when there are more activities to load should render with
     </a>
   </div>
   <ol
-    className="sc-jzgbtB bhxQeT"
+    className="sc-bMvGRv gPegBr"
   >
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -405,14 +405,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -420,7 +420,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -436,16 +436,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -456,7 +456,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -464,13 +464,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -479,10 +479,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -491,10 +491,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -511,10 +511,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -525,7 +525,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -533,17 +533,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -553,14 +553,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -570,14 +570,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -590,10 +590,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -604,7 +604,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -617,7 +617,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -629,21 +629,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -652,14 +652,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -667,7 +667,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -683,16 +683,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -703,7 +703,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -711,13 +711,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -726,10 +726,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -738,10 +738,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -758,10 +758,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -772,7 +772,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -780,17 +780,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -800,14 +800,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -817,14 +817,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -837,10 +837,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -851,7 +851,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -864,7 +864,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -876,21 +876,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -899,14 +899,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -914,7 +914,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -930,16 +930,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -950,7 +950,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -958,13 +958,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -973,10 +973,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -985,10 +985,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -1005,10 +1005,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1019,7 +1019,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1027,17 +1027,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -1047,14 +1047,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -1064,14 +1064,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -1084,10 +1084,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1098,7 +1098,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1111,7 +1111,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -1123,21 +1123,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -1146,14 +1146,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -1161,7 +1161,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -1177,16 +1177,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1197,7 +1197,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1205,13 +1205,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -1220,10 +1220,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -1232,10 +1232,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -1252,10 +1252,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1266,7 +1266,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1274,17 +1274,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -1294,14 +1294,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -1311,14 +1311,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -1331,10 +1331,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1345,7 +1345,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1358,7 +1358,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -1370,21 +1370,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -1393,14 +1393,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -1408,7 +1408,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -1424,16 +1424,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1444,7 +1444,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1452,13 +1452,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -1467,10 +1467,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -1479,10 +1479,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -1499,10 +1499,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1513,7 +1513,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1521,17 +1521,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -1541,14 +1541,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -1558,14 +1558,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -1578,10 +1578,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1592,7 +1592,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1605,7 +1605,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -1617,21 +1617,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -1640,14 +1640,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -1655,7 +1655,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -1671,16 +1671,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1691,7 +1691,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1699,13 +1699,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -1714,10 +1714,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -1726,10 +1726,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -1746,10 +1746,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1760,7 +1760,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1768,17 +1768,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -1788,14 +1788,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -1805,14 +1805,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -1825,10 +1825,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1839,7 +1839,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1852,7 +1852,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -1864,21 +1864,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -1887,14 +1887,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -1902,7 +1902,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -1918,16 +1918,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -1938,7 +1938,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -1946,13 +1946,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -1961,10 +1961,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -1973,10 +1973,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -1993,10 +1993,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2007,7 +2007,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2015,17 +2015,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -2035,14 +2035,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -2052,14 +2052,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -2072,10 +2072,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2086,7 +2086,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2099,7 +2099,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -2111,21 +2111,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -2134,14 +2134,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -2149,7 +2149,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -2165,16 +2165,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2185,7 +2185,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2193,13 +2193,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -2208,10 +2208,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -2220,10 +2220,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -2240,10 +2240,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2254,7 +2254,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2262,17 +2262,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -2282,14 +2282,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -2299,14 +2299,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -2319,10 +2319,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2333,7 +2333,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2346,7 +2346,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -2358,21 +2358,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -2381,14 +2381,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -2396,7 +2396,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -2412,16 +2412,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2432,7 +2432,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2440,13 +2440,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -2455,10 +2455,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -2467,10 +2467,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -2487,10 +2487,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2501,7 +2501,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2509,17 +2509,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -2529,14 +2529,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -2546,14 +2546,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -2566,10 +2566,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2580,7 +2580,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2593,7 +2593,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -2605,21 +2605,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -2628,14 +2628,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -2643,7 +2643,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -2659,16 +2659,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2679,7 +2679,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2687,13 +2687,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -2702,10 +2702,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -2714,10 +2714,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -2734,10 +2734,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2748,7 +2748,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2756,17 +2756,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -2776,14 +2776,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -2793,14 +2793,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -2813,10 +2813,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2827,7 +2827,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2840,7 +2840,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -2852,21 +2852,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -2875,14 +2875,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -2890,7 +2890,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -2906,16 +2906,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2926,7 +2926,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -2934,13 +2934,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -2949,10 +2949,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -2961,10 +2961,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -2981,10 +2981,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -2995,7 +2995,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3003,17 +3003,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -3023,14 +3023,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -3040,14 +3040,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -3060,10 +3060,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3074,7 +3074,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3087,7 +3087,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -3099,21 +3099,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -3122,14 +3122,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -3137,7 +3137,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -3153,16 +3153,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3173,7 +3173,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3181,13 +3181,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -3196,10 +3196,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -3208,10 +3208,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -3228,10 +3228,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3242,7 +3242,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3250,17 +3250,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -3270,14 +3270,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -3287,14 +3287,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -3307,10 +3307,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3321,7 +3321,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3334,7 +3334,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -3346,21 +3346,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -3369,14 +3369,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -3384,7 +3384,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -3400,16 +3400,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3420,7 +3420,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3428,13 +3428,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -3443,10 +3443,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -3455,10 +3455,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -3475,10 +3475,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3489,7 +3489,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3497,17 +3497,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -3517,14 +3517,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -3534,14 +3534,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -3554,10 +3554,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3568,7 +3568,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3581,7 +3581,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -3593,21 +3593,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -3616,14 +3616,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -3631,7 +3631,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -3647,16 +3647,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3667,7 +3667,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3675,13 +3675,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -3690,10 +3690,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -3702,10 +3702,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -3722,10 +3722,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3736,7 +3736,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3744,17 +3744,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -3764,14 +3764,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -3781,14 +3781,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -3801,10 +3801,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3815,7 +3815,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3828,7 +3828,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -3840,21 +3840,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -3863,14 +3863,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -3878,7 +3878,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -3894,16 +3894,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3914,7 +3914,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3922,13 +3922,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -3937,10 +3937,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -3949,10 +3949,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -3969,10 +3969,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -3983,7 +3983,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -3991,17 +3991,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -4011,14 +4011,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -4028,14 +4028,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -4048,10 +4048,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4062,7 +4062,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4075,7 +4075,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -4087,21 +4087,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -4110,14 +4110,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -4125,7 +4125,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -4141,16 +4141,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4161,7 +4161,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4169,13 +4169,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -4184,10 +4184,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -4196,10 +4196,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -4216,10 +4216,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4230,7 +4230,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4238,17 +4238,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -4258,14 +4258,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -4275,14 +4275,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -4295,10 +4295,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4309,7 +4309,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4322,7 +4322,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -4334,21 +4334,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -4357,14 +4357,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -4372,7 +4372,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -4388,16 +4388,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4408,7 +4408,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4416,13 +4416,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -4431,10 +4431,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -4443,10 +4443,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -4463,10 +4463,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4477,7 +4477,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4485,17 +4485,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -4505,14 +4505,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -4522,14 +4522,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -4542,10 +4542,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4556,7 +4556,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4569,7 +4569,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -4581,21 +4581,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -4604,14 +4604,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -4619,7 +4619,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -4635,16 +4635,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4655,7 +4655,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4663,13 +4663,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -4678,10 +4678,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -4690,10 +4690,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -4710,10 +4710,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4724,7 +4724,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4732,17 +4732,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -4752,14 +4752,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -4769,14 +4769,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -4789,10 +4789,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4803,7 +4803,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4816,7 +4816,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -4828,21 +4828,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -4851,14 +4851,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -4866,7 +4866,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -4882,16 +4882,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4902,7 +4902,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4910,13 +4910,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -4925,10 +4925,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -4937,10 +4937,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -4957,10 +4957,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -4971,7 +4971,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -4979,17 +4979,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -4999,14 +4999,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -5016,14 +5016,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -5036,10 +5036,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -5050,7 +5050,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -5063,7 +5063,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -5075,21 +5075,21 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -5098,14 +5098,14 @@ exports[`ActivityFeed when there are more activities to load should render with
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -5113,7 +5113,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -5129,16 +5129,16 @@ exports[`ActivityFeed when there are more activities to load should render with
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -5149,7 +5149,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -5157,13 +5157,13 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -5172,10 +5172,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -5184,10 +5184,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -5204,10 +5204,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -5218,7 +5218,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -5226,17 +5226,17 @@ exports[`ActivityFeed when there are more activities to load should render with
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -5246,14 +5246,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -5263,14 +5263,14 @@ exports[`ActivityFeed when there are more activities to load should render with
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -5283,10 +5283,10 @@ exports[`ActivityFeed when there are more activities to load should render with
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -5297,7 +5297,7 @@ exports[`ActivityFeed when there are more activities to load should render with
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -5310,7 +5310,7 @@ exports[`ActivityFeed when there are more activities to load should render with
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
@@ -5322,13 +5322,13 @@ exports[`ActivityFeed when there are more activities to load should render with
     </li>
   </ol>
   <div
-    className="sc-gFaPwZ cyxlpf"
+    className="sc-gJWqzi imhZJV"
   >
     <div
-      className="sc-TOsTZ dvDiFK"
+      className="sc-ksYbfQ jRaAdK"
     >
       <div
-        className="sc-kgAjT gsrKLN"
+        className="sc-hmzhuo jyPcyv"
       >
         <svg
           className="icon-loading"
@@ -5529,7 +5529,7 @@ exports[`ActivityFeed when there are more activities to load should render with
           />
         </svg>
         <div
-          className="overlay sc-cJSrbW kjaCSJ"
+          className="overlay sc-frDJqD lgbNCy"
         />
       </div>
       <button
@@ -5546,13 +5546,13 @@ exports[`ActivityFeed when there are more activities to load should render with
 
 exports[`ActivityFeed when there is a single activity should render single activity with appropriate header 1`] = `
 <div
-  className="sc-fhYwyz bFlnVM"
+  className="sc-rBLzX imyqLh"
 >
   <div
-    className="sc-eilVRo grQAli"
+    className="sc-cpmLhU ieqryD"
   >
     <div
-      className="sc-eerKOB kKRoMg"
+      className="sc-dymIpo fxBbx"
     >
       <h2
         className="sc-cMljjf leOqMw"
@@ -5562,14 +5562,14 @@ exports[`ActivityFeed when there is a single activity should render single activ
       </h2>
     </div>
     <div
-      className="sc-emmjRN jFlcTJ"
+      className="sc-bnXvFD cCSIxC"
     />
   </div>
   <div
-    className="sc-dymIpo kKXqhu"
+    className="sc-fhYwyz dNcKzZ"
   >
     <a
-      className="sc-cHGsZl sc-bnXvFD ffPjIx"
+      className="sc-cJSrbW sc-jzgbtB kutwhB"
       href="#"
       muted={false}
       onClick={[Function]}
@@ -5579,25 +5579,25 @@ exports[`ActivityFeed when there is a single activity should render single activ
     </a>
   </div>
   <ol
-    className="sc-jzgbtB bhxQeT"
+    className="sc-bMvGRv gPegBr"
   >
     <li>
       <div
-        className="sc-GMQeP ldYLWI"
+        className="sc-gojNiO iejATF"
       >
         <div
-          className="sc-cQFLBn igknoa"
+          className="sc-bXGyLb gSvjox"
         >
           <div
-            className="sc-daURTG fUeUYu"
+            className="sc-eLExRp cJTjbc"
           >
              
             <h3
-              className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
+              className="sc-cbkKFq kOPhmX sc-cMljjf kCLKvB"
               size="MEDIUM"
             >
               <a
-                className="sc-cHGsZl cMiKoM"
+                className="sc-cJSrbW gKuUWc"
                 href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
                 muted={false}
               >
@@ -5606,14 +5606,14 @@ exports[`ActivityFeed when there is a single activity should render single activ
             </h3>
           </div>
           <div
-            className="sc-cbkKFq kQVLFY"
+            className="sc-fOKMvo gAtgFC"
           >
             02 May 2019
             <div
-              className="sc-krvtoX gvtThb"
+              className="sc-dUjcNx djmhbf"
             >
               <span
-                className="sc-fYiAbW hvLJVd"
+                className="sc-gHboQg jOpCeb"
               >
                 Interaction
               </span>
@@ -5621,7 +5621,7 @@ exports[`ActivityFeed when there is a single activity should render single activ
           </div>
         </div>
         <details
-          className="sc-exAgwC htTXKw sc-kEYyzF ihcnje"
+          className="sc-daURTG bjBSsI sc-kEYyzF ihcnje"
           open={false}
         >
           <summary
@@ -5637,16 +5637,16 @@ exports[`ActivityFeed when there is a single activity should render single activ
             className="sc-hSdWYo dfimje"
           >
             <table
-              className="sc-fOKMvo dUfpgg sc-bsbRJL lMyZZ"
+              className="sc-eilVRo ednMJT sc-cMhqgX KYkps"
             >
               <tbody
-                className="sc-gwVKww eWCHnX"
+                className="sc-epnACN hsXqzQ"
               >
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -5657,7 +5657,7 @@ exports[`ActivityFeed when there is a single activity should render single activ
                     Company contact(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -5665,13 +5665,13 @@ exports[`ActivityFeed when there is a single activity should render single activ
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                           muted={false}
                         >
@@ -5680,10 +5680,10 @@ exports[`ActivityFeed when there is a single activity should render single activ
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                           muted={false}
                         >
@@ -5692,10 +5692,10 @@ exports[`ActivityFeed when there is a single activity should render single activ
                          
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                           muted={false}
                         >
@@ -5712,10 +5712,10 @@ exports[`ActivityFeed when there is a single activity should render single activ
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -5726,7 +5726,7 @@ exports[`ActivityFeed when there is a single activity should render single activ
                     Adviser(s)
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -5734,17 +5734,17 @@ exports[`ActivityFeed when there is a single activity should render single activ
                     }
                   >
                     <ul
-                      className="sc-gHboQg kRLRiO"
+                      className="sc-emmjRN fsDZOO"
                     >
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Mario Bros
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:mariobros@dit.com"
                           muted={false}
                         >
@@ -5754,14 +5754,14 @@ exports[`ActivityFeed when there is a single activity should render single activ
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           John Hammond
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:john.hammond@dit.com"
                           muted={false}
                         >
@@ -5771,14 +5771,14 @@ exports[`ActivityFeed when there is a single activity should render single activ
                         , (Digital Data Hub - Live Service)
                       </li>
                       <li
-                        className="sc-dUjcNx gMheaO"
+                        className="sc-eerKOB kOckOk"
                       >
                         <span>
                           Luke Moon
                         </span>
                         , 
                         <a
-                          className="sc-cHGsZl cMiKoM"
+                          className="sc-cJSrbW gKuUWc"
                           href="mailto:luke.moon@dit.com"
                           muted={false}
                         >
@@ -5791,10 +5791,10 @@ exports[`ActivityFeed when there is a single activity should render single activ
                   </td>
                 </tr>
                 <tr
-                  className="sc-iQNlJl jxLqkS"
+                  className="sc-hZSUBg VKktY"
                 >
                   <th
-                    className="sc-epnACN cZwVPD"
+                    className="sc-bsbRJL fpwftG"
                     style={
                       Object {
                         "border": 0,
@@ -5805,7 +5805,7 @@ exports[`ActivityFeed when there is a single activity should render single activ
                     Services
                   </th>
                   <td
-                    className="sc-epnACN dzmgMb"
+                    className="sc-bsbRJL fxmJto"
                     style={
                       Object {
                         "border": 0,
@@ -5818,7 +5818,7 @@ exports[`ActivityFeed when there is a single activity should render single activ
               </tbody>
             </table>
             <a
-              className="sc-cHGsZl cMiKoM"
+              className="sc-cJSrbW gKuUWc"
               href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
               muted={false}
             >
diff --git a/src/activity-feed/__snapshots__/ActivityFeedCard.test.jsx.snap b/src/activity-feed/__snapshots__/ActivityFeedCard.test.jsx.snap
index 2909375a..d74d6eb6 100644
--- a/src/activity-feed/__snapshots__/ActivityFeedCard.test.jsx.snap
+++ b/src/activity-feed/__snapshots__/ActivityFeedCard.test.jsx.snap
@@ -5,24 +5,24 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
       <h3
-        className="sc-gojNiO ezCBwa sc-jAaTju jwklkP"
+        className="sc-lkqHmb iDVUrg sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         New Order (OMIS) added
       </h3>
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://www.datahub.dev.uktrade.io/omis/504b7a34-c083-4e7a-998b-61cbe7b6b269"
           muted={false}
         >
@@ -31,13 +31,13 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       20 Jul 2017
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -53,16 +53,16 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -73,7 +73,7 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
               Country
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -84,10 +84,10 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -98,7 +98,7 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
               UK region
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -109,10 +109,10 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -123,7 +123,7 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
               Added by
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -131,17 +131,17 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Test CMU 1
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:cmuuser1test@mobile.ukti.gov.uk"
                     muted={false}
                   >
@@ -153,10 +153,10 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -167,7 +167,7 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -175,13 +175,13 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/ec1be329-ae82-47a9-9d65-c289f91c39ed/details"
                     muted={false}
                   >
@@ -200,7 +200,7 @@ exports[`ActivityFeedCard when a New OMIS order is added should render an activi
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://www.datahub.dev.uktrade.io/omis/504b7a34-c083-4e7a-998b-61cbe7b6b269"
         muted={false}
       >
@@ -216,24 +216,24 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
       <h3
-        className="sc-gojNiO ezCBwa sc-jAaTju jwklkP"
+        className="sc-lkqHmb iDVUrg sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         New investment project added - Commitment to invest
       </h3>
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://www.datahub.dev.uktrade.io/investments/projects/8f2662e9-0691-435f-8edd-7fb9df9d8936"
           muted={false}
         >
@@ -242,13 +242,13 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       23 May 2017
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -264,16 +264,16 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -284,7 +284,7 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
               Investment Type
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -295,10 +295,10 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -309,7 +309,7 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
               Estimated land date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -320,10 +320,10 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -334,7 +334,7 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -342,13 +342,13 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/82e24a82-0688-424d-911f-2666d3ddcf9b/details"
                     muted={false}
                   >
@@ -367,7 +367,7 @@ exports[`ActivityFeedCard when an investment project is CTI should render the CT
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://www.datahub.dev.uktrade.io/investments/projects/8f2662e9-0691-435f-8edd-7fb9df9d8936"
         muted={false}
       >
@@ -383,24 +383,24 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
       <h3
-        className="sc-gojNiO ezCBwa sc-jAaTju jwklkP"
+        className="sc-lkqHmb iDVUrg sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         New investment project added - FDI
       </h3>
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://www.datahub.dev.uktrade.io/investments/projects/3520b973-0e77-46cf-be75-3585f2f6691e"
           muted={false}
         >
@@ -409,13 +409,13 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       05 Mar 2017
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -431,16 +431,16 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -451,7 +451,7 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
               Investment Type
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -462,10 +462,10 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -476,7 +476,7 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
               Estimated land date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -487,10 +487,10 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -501,7 +501,7 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -509,13 +509,13 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/952232d2-1d25-4c3a-bcac-2f3a30a94da9"
                     muted={false}
                   >
@@ -529,10 +529,10 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
                   </span>
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                     muted={false}
                   >
@@ -546,10 +546,10 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
                   </span>
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/28f75a93-3c27-e611-9bdc-e4115bead28a/details"
                     muted={false}
                   >
@@ -566,10 +566,10 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -580,7 +580,7 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
               Total Investment
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -591,10 +591,10 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -605,7 +605,7 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
               Capital expenditure value
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -616,10 +616,10 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -630,7 +630,7 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
               Gross value added (GVA)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -641,10 +641,10 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -655,7 +655,7 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
               Number of new jobs
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -668,7 +668,7 @@ exports[`ActivityFeedCard when an investment project is FDI should render the FD
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://www.datahub.dev.uktrade.io/investments/projects/3520b973-0e77-46cf-be75-3585f2f6691e"
         muted={false}
       >
@@ -684,24 +684,24 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
       <h3
-        className="sc-gojNiO ezCBwa sc-jAaTju jwklkP"
+        className="sc-lkqHmb iDVUrg sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         New investment project added - Non-FDI
       </h3>
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://www.datahub.dev.uktrade.io/investments/projects/ff4005e5-f769-43cb-a46f-a483ec20eda7"
           muted={false}
         >
@@ -710,13 +710,13 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       03 Oct 2017
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -732,16 +732,16 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -752,7 +752,7 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
               Investment Type
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -763,10 +763,10 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -777,7 +777,7 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
               Added by
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -785,17 +785,17 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Test CMU 1
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:cmuuser1test@mobile.ukti.gov.uk"
                     muted={false}
                   >
@@ -807,10 +807,10 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -821,7 +821,7 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
               Estimated land date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -832,10 +832,10 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -846,7 +846,7 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -854,13 +854,13 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/889dc0e6-a60c-4368-822c-e6b644bfcbf7/details"
                     muted={false}
                   >
@@ -879,7 +879,7 @@ exports[`ActivityFeedCard when an investment project is Non-FDI should render th
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://www.datahub.dev.uktrade.io/investments/projects/ff4005e5-f769-43cb-a46f-a483ec20eda7"
         muted={false}
       >
@@ -895,18 +895,18 @@ exports[`ActivityFeedCard when the interaction does not have a service should re
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
           muted={false}
         >
@@ -915,14 +915,14 @@ exports[`ActivityFeedCard when the interaction does not have a service should re
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       06 Jun 2019
       <div
-        className="sc-krvtoX gvtThb"
+        className="sc-dUjcNx djmhbf"
       >
         <span
-          className="sc-fYiAbW hvLJVd"
+          className="sc-gHboQg jOpCeb"
         >
           Interaction
         </span>
@@ -930,7 +930,7 @@ exports[`ActivityFeedCard when the interaction does not have a service should re
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -946,16 +946,16 @@ exports[`ActivityFeedCard when the interaction does not have a service should re
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -966,7 +966,7 @@ exports[`ActivityFeedCard when the interaction does not have a service should re
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -974,15 +974,15 @@ exports[`ActivityFeedCard when the interaction does not have a service should re
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               />
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -993,7 +993,7 @@ exports[`ActivityFeedCard when the interaction does not have a service should re
               Adviser(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1001,14 +1001,14 @@ exports[`ActivityFeedCard when the interaction does not have a service should re
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               />
             </td>
           </tr>
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
         muted={false}
       >
@@ -1024,18 +1024,18 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
           muted={false}
         >
@@ -1044,14 +1044,14 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       06 Jun 2019
       <div
-        className="sc-krvtoX gvtThb"
+        className="sc-dUjcNx djmhbf"
       >
         <span
-          className="sc-fYiAbW leQmEe"
+          className="sc-gHboQg ibhWcf"
         >
           Cancelled interaction
         </span>
@@ -1059,7 +1059,7 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -1075,16 +1075,16 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1095,7 +1095,7 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1103,13 +1103,13 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                     muted={false}
                   >
@@ -1118,10 +1118,10 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                     muted={false}
                   >
@@ -1130,10 +1130,10 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                     muted={false}
                   >
@@ -1150,10 +1150,10 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1164,7 +1164,7 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
               Adviser(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1172,17 +1172,17 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Mario Bros
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:mariobros@dit.com"
                     muted={false}
                   >
@@ -1192,14 +1192,14 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     John Hammond
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:john.hammond@dit.com"
                     muted={false}
                   >
@@ -1209,14 +1209,14 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Luke Moon
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:luke.moon@dit.com"
                     muted={false}
                   >
@@ -1229,10 +1229,10 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1243,7 +1243,7 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
               Services
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1256,7 +1256,7 @@ exports[`ActivityFeedCard when the interaction is a draft and archived should re
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
         muted={false}
       >
@@ -1272,18 +1272,18 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
   className="sc-bdVaJa jdEOnP"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
           muted={false}
         >
@@ -1292,14 +1292,14 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       06 Jun 2019
       <div
-        className="sc-krvtoX gvtThb"
+        className="sc-dUjcNx djmhbf"
       >
         <span
-          className="sc-fYiAbW hjFmak"
+          className="sc-gHboQg fxLsyn"
         >
           Upcoming interaction
         </span>
@@ -1307,7 +1307,7 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -1323,16 +1323,16 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1343,7 +1343,7 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1351,13 +1351,13 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                     muted={false}
                   >
@@ -1366,10 +1366,10 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                     muted={false}
                   >
@@ -1378,10 +1378,10 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                     muted={false}
                   >
@@ -1398,10 +1398,10 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1412,7 +1412,7 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
               Adviser(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1420,17 +1420,17 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Mario Bros
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:mariobros@dit.com"
                     muted={false}
                   >
@@ -1440,14 +1440,14 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     John Hammond
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:john.hammond@dit.com"
                     muted={false}
                   >
@@ -1457,14 +1457,14 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Luke Moon
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:luke.moon@dit.com"
                     muted={false}
                   >
@@ -1477,10 +1477,10 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1491,7 +1491,7 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
               Services
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1504,7 +1504,7 @@ exports[`ActivityFeedCard when the interaction is a draft and upcoming should re
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
         muted={false}
       >
@@ -1520,18 +1520,18 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
           muted={false}
         >
@@ -1540,14 +1540,14 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       05 Jun 2018
       <div
-        className="sc-krvtoX gvtThb"
+        className="sc-dUjcNx djmhbf"
       >
         <span
-          className="sc-fYiAbW hjFmak"
+          className="sc-gHboQg fxLsyn"
         >
           Incomplete interaction
         </span>
@@ -1555,7 +1555,7 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -1571,16 +1571,16 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1591,7 +1591,7 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1599,13 +1599,13 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                     muted={false}
                   >
@@ -1614,10 +1614,10 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                     muted={false}
                   >
@@ -1626,10 +1626,10 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                     muted={false}
                   >
@@ -1646,10 +1646,10 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1660,7 +1660,7 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
               Adviser(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1668,17 +1668,17 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Mario Bros
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:mariobros@dit.com"
                     muted={false}
                   >
@@ -1688,14 +1688,14 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     John Hammond
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:john.hammond@dit.com"
                     muted={false}
                   >
@@ -1705,14 +1705,14 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Luke Moon
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:luke.moon@dit.com"
                     muted={false}
                   >
@@ -1725,10 +1725,10 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1739,7 +1739,7 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
               Services
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1752,7 +1752,7 @@ exports[`ActivityFeedCard when the interaction is a draft in the past should ren
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
         muted={false}
       >
@@ -1768,18 +1768,18 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
           muted={false}
         >
@@ -1788,14 +1788,14 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       06 Jun 2019
       <div
-        className="sc-krvtoX gvtThb"
+        className="sc-dUjcNx djmhbf"
       >
         <span
-          className="sc-fYiAbW hvLJVd"
+          className="sc-gHboQg jOpCeb"
         >
           Interaction
         </span>
@@ -1803,7 +1803,7 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -1819,16 +1819,16 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1839,7 +1839,7 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1847,13 +1847,13 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                     muted={false}
                   >
@@ -1862,10 +1862,10 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                     muted={false}
                   >
@@ -1874,10 +1874,10 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                     muted={false}
                   >
@@ -1894,10 +1894,10 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1908,7 +1908,7 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
               Adviser(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -1916,17 +1916,17 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Mario Bros
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:mariobros@dit.com"
                     muted={false}
                   >
@@ -1936,14 +1936,14 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     John Hammond
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:john.hammond@dit.com"
                     muted={false}
                   >
@@ -1953,14 +1953,14 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Luke Moon
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:luke.moon@dit.com"
                     muted={false}
                   >
@@ -1973,10 +1973,10 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -1987,7 +1987,7 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
               Services
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2000,7 +2000,7 @@ exports[`ActivityFeedCard when the interaction is complete should render interac
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
         muted={false}
       >
@@ -2016,47 +2016,47 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
       <h3
-        className="sc-gojNiO dQGYCQ sc-jAaTju jwklkP"
+        className="sc-lkqHmb klrkLJ sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         Companies House
       </h3>
        
       <span
-        className="sc-eLExRp kvktUb"
+        className="sc-fYiAbW NHSmd"
       >
         Accounts records show that
       </span>
       <h3
-        className="sc-lkqHmb ddJPXs sc-jAaTju jwklkP"
+        className="sc-krvtoX fpSCCl sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         Company officially incorporated in Companies House.
       </h3>
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           muted={false}
         />
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       13 Dec 2020
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -2072,16 +2072,16 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2092,7 +2092,7 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
               Balance sheet date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2103,10 +2103,10 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2117,7 +2117,7 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
               Net assets liabilities including pension asset liability
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2128,10 +2128,10 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2142,7 +2142,7 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
               Period start
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2153,10 +2153,10 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2167,7 +2167,7 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
               Period end
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2178,10 +2178,10 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2192,7 +2192,7 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
               Shareholder funds
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2205,7 +2205,7 @@ exports[`ActivityFeedCard when there is a Companies House Accounts record should
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         muted={false}
       >
         Go to the Companies House accounts page
@@ -2220,38 +2220,38 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
       <h3
-        className="sc-gojNiO dQGYCQ sc-jAaTju jwklkP"
+        className="sc-lkqHmb klrkLJ sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         Companies House
       </h3>
        
       <span
-        className="sc-eLExRp kvktUb"
+        className="sc-fYiAbW NHSmd"
       >
         Company records show that
       </span>
       <h3
-        className="sc-lkqHmb ddJPXs sc-jAaTju jwklkP"
+        className="sc-krvtoX fpSCCl sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         SULTRAX officially did action number 10.
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       03 Oct 1970
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -2267,16 +2267,16 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2287,7 +2287,7 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
               Confirmation Statement last made up date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2298,10 +2298,10 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2312,7 +2312,7 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
               Confirmation Statement next due date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2323,10 +2323,10 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2337,7 +2337,7 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
               Incorporation date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2348,10 +2348,10 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2362,7 +2362,7 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
               Next due date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2373,10 +2373,10 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2387,7 +2387,7 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
               Returns last made up date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2398,10 +2398,10 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2412,7 +2412,7 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
               Returns next due date
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2423,10 +2423,10 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2437,7 +2437,7 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
               SIC code(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2445,20 +2445,20 @@ exports[`ActivityFeedCard when there is a Companies House Company incorporation
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   74990 - Non-trading company
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   03110 - Marine fishing
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   99000 - Activities of extraterritorial organisations and bodies
                 </li>
@@ -2477,38 +2477,38 @@ exports[`ActivityFeedCard when there is a HMRC Exporter record should render an
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
       <h3
-        className="sc-gojNiO dQGYCQ sc-jAaTju jwklkP"
+        className="sc-lkqHmb klrkLJ sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         HMRC
       </h3>
        
       <span
-        className="sc-eLExRp kvktUb"
+        className="sc-fYiAbW NHSmd"
       >
         Exporters records show that
       </span>
       <h3
-        className="sc-lkqHmb ddJPXs sc-jAaTju jwklkP"
+        className="sc-krvtoX fpSCCl sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         The Water Company officially did action number 5.
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       05 Jan 1879
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -2524,16 +2524,16 @@ exports[`ActivityFeedCard when there is a HMRC Exporter record should render an
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2544,7 +2544,7 @@ exports[`ActivityFeedCard when there is a HMRC Exporter record should render an
               Export Item code(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2552,40 +2552,40 @@ exports[`ActivityFeedCard when there is a HMRC Exporter record should render an
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   2803406
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   7252793
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   5163497
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   6477617
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   3158924
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   5735446
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   4517493
                 </li>
@@ -2604,18 +2604,18 @@ exports[`ActivityFeedCard when there is a service delivery should render service
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/854d8d31-7405-4625-a957-0ed2c3092caa"
           muted={false}
         >
@@ -2624,14 +2624,14 @@ exports[`ActivityFeedCard when there is a service delivery should render service
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       29 Apr 2019
       <div
-        className="sc-krvtoX gvtThb"
+        className="sc-dUjcNx djmhbf"
       >
         <span
-          className="sc-fYiAbW hvLJVd"
+          className="sc-gHboQg jOpCeb"
         >
           Service delivery
         </span>
@@ -2639,7 +2639,7 @@ exports[`ActivityFeedCard when there is a service delivery should render service
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -2655,16 +2655,16 @@ exports[`ActivityFeedCard when there is a service delivery should render service
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2675,7 +2675,7 @@ exports[`ActivityFeedCard when there is a service delivery should render service
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2683,13 +2683,13 @@ exports[`ActivityFeedCard when there is a service delivery should render service
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                     muted={false}
                   >
@@ -2701,10 +2701,10 @@ exports[`ActivityFeedCard when there is a service delivery should render service
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2715,7 +2715,7 @@ exports[`ActivityFeedCard when there is a service delivery should render service
               Adviser(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2723,17 +2723,17 @@ exports[`ActivityFeedCard when there is a service delivery should render service
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Mario Bros
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:mariobros@dit.com"
                     muted={false}
                   >
@@ -2746,10 +2746,10 @@ exports[`ActivityFeedCard when there is a service delivery should render service
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2760,7 +2760,7 @@ exports[`ActivityFeedCard when there is a service delivery should render service
               Services
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2773,7 +2773,7 @@ exports[`ActivityFeedCard when there is a service delivery should render service
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/854d8d31-7405-4625-a957-0ed2c3092caa"
         muted={false}
       >
@@ -2791,18 +2791,18 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
           muted={false}
         >
@@ -2811,14 +2811,14 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       02 May 2019
       <div
-        className="sc-krvtoX gvtThb"
+        className="sc-dUjcNx djmhbf"
       >
         <span
-          className="sc-fYiAbW hvLJVd"
+          className="sc-gHboQg jOpCeb"
         >
           Interaction
         </span>
@@ -2826,7 +2826,7 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -2842,16 +2842,16 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2862,7 +2862,7 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2870,13 +2870,13 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/04cadecd-2de4-4cda-9fda-59db93495dba"
                     muted={false}
                   >
@@ -2885,10 +2885,10 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/c7327882-86f2-40e9-b1bd-81daa28f1603/details"
                     muted={false}
                   >
@@ -2897,10 +2897,10 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
                    
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="https://www.datahub.dev.uktrade.io/contacts/8733fec0-531b-e611-9bdc-e4115bead28a/details"
                     muted={false}
                   >
@@ -2917,10 +2917,10 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -2931,7 +2931,7 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
               Adviser(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -2939,17 +2939,17 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               >
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Mario Bros
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:mariobros@dit.com"
                     muted={false}
                   >
@@ -2959,14 +2959,14 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     John Hammond
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:john.hammond@dit.com"
                     muted={false}
                   >
@@ -2976,14 +2976,14 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
                   , (Digital Data Hub - Live Service)
                 </li>
                 <li
-                  className="sc-dUjcNx gMheaO"
+                  className="sc-eerKOB kOckOk"
                 >
                   <span>
                     Luke Moon
                   </span>
                   , 
                   <a
-                    className="sc-TOsTZ cCDnjj"
+                    className="sc-ksYbfQ xCEvz"
                     href="mailto:luke.moon@dit.com"
                     muted={false}
                   >
@@ -2996,10 +2996,10 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -3010,7 +3010,7 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
               Services
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -3023,7 +3023,7 @@ exports[`ActivityFeedCard when there is an interaction should render interaction
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
         muted={false}
       >
@@ -3039,18 +3039,18 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
   className="sc-bdVaJa effyms"
 >
   <div
-    className="sc-cQFLBn igknoa"
+    className="sc-bXGyLb gSvjox"
   >
     <div
-      className="sc-daURTG fUeUYu"
+      className="sc-eLExRp cJTjbc"
     >
        
       <h3
-        className="sc-bXGyLb dimrYi sc-jAaTju jwklkP"
+        className="sc-cbkKFq kOPhmX sc-jAaTju jwklkP"
         size="MEDIUM"
       >
         <a
-          className="sc-TOsTZ cCDnjj"
+          className="sc-ksYbfQ xCEvz"
           href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
           muted={false}
         >
@@ -3059,14 +3059,14 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
       </h3>
     </div>
     <div
-      className="sc-cbkKFq kQVLFY"
+      className="sc-fOKMvo gAtgFC"
     >
       06 Jun 2019
       <div
-        className="sc-krvtoX gvtThb"
+        className="sc-dUjcNx djmhbf"
       >
         <span
-          className="sc-fYiAbW hvLJVd"
+          className="sc-gHboQg jOpCeb"
         >
           Interaction
         </span>
@@ -3074,7 +3074,7 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
     </div>
   </div>
   <details
-    className="sc-exAgwC htTXKw sc-kkGfuU bEQKnh"
+    className="sc-daURTG bjBSsI sc-kkGfuU bEQKnh"
     open={false}
   >
     <summary
@@ -3090,16 +3090,16 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
       className="sc-eHgmQL jEgifR"
     >
       <table
-        className="sc-fOKMvo dUfpgg sc-hZSUBg jTMTAv"
+        className="sc-eilVRo ednMJT sc-iuJeZd izDwww"
       >
         <tbody
-          className="sc-hXRMBi kcwAsj"
+          className="sc-iQNlJl jxLqkS"
         >
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -3110,7 +3110,7 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
               Company contact(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -3118,15 +3118,15 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               />
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -3137,7 +3137,7 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
               Adviser(s)
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -3145,15 +3145,15 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
               }
             >
               <ul
-                className="sc-gHboQg kRLRiO"
+                className="sc-emmjRN fsDZOO"
               />
             </td>
           </tr>
           <tr
-            className="sc-bsbRJL kfmymT"
+            className="sc-cMhqgX dwYjBs"
           >
             <th
-              className="sc-iQNlJl hJTISo"
+              className="sc-hZSUBg cPYlxs"
               style={
                 Object {
                   "border": 0,
@@ -3164,7 +3164,7 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
               Services
             </th>
             <td
-              className="sc-iQNlJl iqqmCX"
+              className="sc-hZSUBg guCcEo"
               style={
                 Object {
                   "border": 0,
@@ -3177,7 +3177,7 @@ exports[`ActivityFeedCard when there is an interaction without any people involv
         </tbody>
       </table>
       <a
-        className="sc-TOsTZ cCDnjj"
+        className="sc-ksYbfQ xCEvz"
         href="https://example.com/companies/a4ead59f-dfc8-e511-a5e6-e4115bead28a/interactions/a066cc49-b679-4cbe-93c5-3ceba2f067ec"
         muted={false}
       >
diff --git a/src/activity-feed/__snapshots__/ActivityFeedFilters.test.jsx.snap b/src/activity-feed/__snapshots__/ActivityFeedFilters.test.jsx.snap
index c920a665..da9e3f14 100644
--- a/src/activity-feed/__snapshots__/ActivityFeedFilters.test.jsx.snap
+++ b/src/activity-feed/__snapshots__/ActivityFeedFilters.test.jsx.snap
@@ -2,10 +2,10 @@
 
 exports[`ActivityFeedFilters when the details for all activities are hidden renders filters 1`] = `
 <div
-  className="sc-GMQeP bVJFSF"
+  className="sc-gojNiO iIStIR"
 >
   <a
-    className="sc-cHGsZl sc-exAgwC NNBfF"
+    className="sc-cJSrbW sc-daURTG cwrjxw"
     href="#"
     muted={false}
     onClick={[Function]}
@@ -18,10 +18,10 @@ exports[`ActivityFeedFilters when the details for all activities are hidden rend
 
 exports[`ActivityFeedFilters when the details for all activities are shown renders filters 1`] = `
 <div
-  className="sc-GMQeP bVJFSF"
+  className="sc-gojNiO iIStIR"
 >
   <a
-    className="sc-cHGsZl sc-exAgwC NNBfF"
+    className="sc-cJSrbW sc-daURTG cwrjxw"
     href="#"
     muted={false}
     onClick={[Function]}
diff --git a/src/activity-feed/__snapshots__/ActivityFeedHeader.test.jsx.snap b/src/activity-feed/__snapshots__/ActivityFeedHeader.test.jsx.snap
index 6cb7babd..57cdbb8a 100644
--- a/src/activity-feed/__snapshots__/ActivityFeedHeader.test.jsx.snap
+++ b/src/activity-feed/__snapshots__/ActivityFeedHeader.test.jsx.snap
@@ -2,10 +2,10 @@
 
 exports[`ActivityFeedHeader renders header with all props defined 1`] = `
 <div
-  className="sc-GMQeP gGgfMe"
+  className="sc-gojNiO isXFqA"
 >
   <div
-    className="sc-exAgwC fLpXJZ"
+    className="sc-daURTG kbeZhw"
   >
     <h2
       className="sc-cMljjf leOqMw"
@@ -15,10 +15,10 @@ exports[`ActivityFeedHeader renders header with all props defined 1`] = `
     </h2>
   </div>
   <div
-    className="sc-cQFLBn kDfOqc"
+    className="sc-bXGyLb ekZIXG"
   >
     <a
-      className="sc-VigVT kJjasd sc-gojNiO cfHwny"
+      className="sc-VigVT kJjasd sc-lkqHmb TJJcN"
       disabled={false}
       href="http://testing.example.com"
     >
@@ -30,10 +30,10 @@ exports[`ActivityFeedHeader renders header with all props defined 1`] = `
 
 exports[`ActivityFeedHeader renders header with one activity 1`] = `
 <div
-  className="sc-GMQeP gGgfMe"
+  className="sc-gojNiO isXFqA"
 >
   <div
-    className="sc-exAgwC fLpXJZ"
+    className="sc-daURTG kbeZhw"
   >
     <h2
       className="sc-cMljjf leOqMw"
@@ -43,17 +43,17 @@ exports[`ActivityFeedHeader renders header with one activity 1`] = `
     </h2>
   </div>
   <div
-    className="sc-cQFLBn kDfOqc"
+    className="sc-bXGyLb ekZIXG"
   />
 </div>
 `;
 
 exports[`ActivityFeedHeader renders header without props 1`] = `
 <div
-  className="sc-GMQeP gGgfMe"
+  className="sc-gojNiO isXFqA"
 >
   <div
-    className="sc-exAgwC fLpXJZ"
+    className="sc-daURTG kbeZhw"
   >
     <h2
       className="sc-cMljjf leOqMw"
@@ -63,7 +63,7 @@ exports[`ActivityFeedHeader renders header without props 1`] = `
     </h2>
   </div>
   <div
-    className="sc-cQFLBn kDfOqc"
+    className="sc-bXGyLb ekZIXG"
   />
 </div>
 `;
diff --git a/src/activity-feed/__snapshots__/ActivityFeedPagination.test.jsx.snap b/src/activity-feed/__snapshots__/ActivityFeedPagination.test.jsx.snap
index 47d46e0e..a6165c21 100644
--- a/src/activity-feed/__snapshots__/ActivityFeedPagination.test.jsx.snap
+++ b/src/activity-feed/__snapshots__/ActivityFeedPagination.test.jsx.snap
@@ -2,13 +2,13 @@
 
 exports[`ActivityFeedPagination renders default pagination 1`] = `
 <div
-  className="sc-GMQeP jYMyvj"
+  className="sc-gojNiO hiRaDI"
 >
   <div
-    className="sc-TOsTZ dvDiFK"
+    className="sc-ksYbfQ jRaAdK"
   >
     <div
-      className="sc-kgAjT gsrKLN"
+      className="sc-hmzhuo jyPcyv"
     >
       <svg
         className="icon-loading"
@@ -209,7 +209,7 @@ exports[`ActivityFeedPagination renders default pagination 1`] = `
         />
       </svg>
       <div
-        className="overlay sc-cJSrbW kjaCSJ"
+        className="overlay sc-frDJqD lgbNCy"
       />
     </div>
     <button
@@ -225,13 +225,13 @@ exports[`ActivityFeedPagination renders default pagination 1`] = `
 
 exports[`ActivityFeedPagination renders pagination with loader 1`] = `
 <div
-  className="sc-GMQeP jYMyvj"
+  className="sc-gojNiO hiRaDI"
 >
   <div
-    className="sc-TOsTZ dvDiFK"
+    className="sc-ksYbfQ jRaAdK"
   >
     <div
-      className="sc-kgAjT gsrKLN"
+      className="sc-hmzhuo jyPcyv"
     >
       <svg
         className="icon-loading"
@@ -432,7 +432,7 @@ exports[`ActivityFeedPagination renders pagination with loader 1`] = `
         />
       </svg>
       <div
-        className="overlay sc-cJSrbW kjaCSJ"
+        className="overlay sc-frDJqD lgbNCy"
       />
     </div>
     <button
@@ -448,13 +448,13 @@ exports[`ActivityFeedPagination renders pagination with loader 1`] = `
 
 exports[`ActivityFeedPagination renders pagination with loader 2`] = `
 <div
-  className="sc-GMQeP jYMyvj"
+  className="sc-gojNiO hiRaDI"
 >
   <div
-    className="sc-TOsTZ dvDiFK"
+    className="sc-ksYbfQ jRaAdK"
   >
     <div
-      className="sc-kgAjT gsrKLN"
+      className="sc-hmzhuo jyPcyv"
     >
       <svg
         className="icon-loading"
@@ -655,7 +655,7 @@ exports[`ActivityFeedPagination renders pagination with loader 2`] = `
         />
       </svg>
       <div
-        className="overlay sc-cJSrbW kjaCSJ"
+        className="overlay sc-frDJqD lgbNCy"
       />
     </div>
     <button
diff --git a/src/activity-feed/activity-feed-cards/card/__snapshots__/CardDetails.test.jsx.snap b/src/activity-feed/activity-feed-cards/card/__snapshots__/CardDetails.test.jsx.snap
index 91438d5a..817194a0 100644
--- a/src/activity-feed/activity-feed-cards/card/__snapshots__/CardDetails.test.jsx.snap
+++ b/src/activity-feed/activity-feed-cards/card/__snapshots__/CardDetails.test.jsx.snap
@@ -2,7 +2,7 @@
 
 exports[`CardDetails when link provided should render the card 1`] = `
 <details
-  className="sc-GMQeP YMOex sc-kEYyzF ihcnje"
+  className="sc-gojNiO bhwelR sc-kEYyzF ihcnje"
   open={false}
 >
   <summary
@@ -21,7 +21,7 @@ exports[`CardDetails when link provided should render the card 1`] = `
       children
     </p>
     <a
-      className="sc-cHGsZl cMiKoM"
+      className="sc-cJSrbW gKuUWc"
       href="#"
       muted={false}
     >
@@ -33,7 +33,7 @@ exports[`CardDetails when link provided should render the card 1`] = `
 
 exports[`CardDetails when no link provided should still render the card 1`] = `
 <details
-  className="sc-GMQeP YMOex sc-kEYyzF ihcnje"
+  className="sc-gojNiO bhwelR sc-kEYyzF ihcnje"
   open={false}
 >
   <summary
@@ -57,7 +57,7 @@ exports[`CardDetails when no link provided should still render the card 1`] = `
 
 exports[`CardDetails when the details for all activities are hidden should open the card details 1`] = `
 <details
-  className="sc-GMQeP YMOex sc-kEYyzF ihcnje"
+  className="sc-gojNiO bhwelR sc-kEYyzF ihcnje"
   open={false}
 >
   <summary
@@ -76,7 +76,7 @@ exports[`CardDetails when the details for all activities are hidden should open
       children
     </p>
     <a
-      className="sc-cHGsZl cMiKoM"
+      className="sc-cJSrbW gKuUWc"
       href="#"
       muted={false}
     >
@@ -88,7 +88,7 @@ exports[`CardDetails when the details for all activities are hidden should open
 
 exports[`CardDetails when the details for all activities are shown should open the card details 1`] = `
 <details
-  className="sc-GMQeP YMOex sc-kEYyzF ihcnje"
+  className="sc-gojNiO bhwelR sc-kEYyzF ihcnje"
   open={true}
 >
   <summary
@@ -107,7 +107,7 @@ exports[`CardDetails when the details for all activities are shown should open t
       children
     </p>
     <a
-      className="sc-cHGsZl cMiKoM"
+      className="sc-cJSrbW gKuUWc"
       href="#"
       muted={false}
     >
diff --git a/src/activity-feed/activity-feed-cards/card/__snapshots__/CardHeading.test.jsx.snap b/src/activity-feed/activity-feed-cards/card/__snapshots__/CardHeading.test.jsx.snap
index 726abe0a..9c3f0035 100644
--- a/src/activity-feed/activity-feed-cards/card/__snapshots__/CardHeading.test.jsx.snap
+++ b/src/activity-feed/activity-feed-cards/card/__snapshots__/CardHeading.test.jsx.snap
@@ -2,21 +2,21 @@
 
 exports[`CardHeading when link is missing should render the heading without a link 1`] = `
 <div
-  className="sc-exAgwC ggLfNF"
+  className="sc-daURTG fUeUYu"
 >
   <h3
-    className="sc-GMQeP danEmM sc-cMljjf kCLKvB"
+    className="sc-gojNiO ezCBwa sc-cMljjf kCLKvB"
     size="MEDIUM"
   >
     View block card heading
   </h3>
    
   <h3
-    className="sc-cQFLBn gpmbYk sc-cMljjf kCLKvB"
+    className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
     size="MEDIUM"
   >
     <a
-      className="sc-cHGsZl cMiKoM"
+      className="sc-cJSrbW gKuUWc"
       href="#"
       muted={false}
     >
@@ -28,21 +28,21 @@ exports[`CardHeading when link is missing should render the heading without a li
 
 exports[`CardHeading when sourceType is missing should render the default card heading 1`] = `
 <div
-  className="sc-exAgwC ggLfNF"
+  className="sc-daURTG fUeUYu"
 >
   <h3
-    className="sc-GMQeP danEmM sc-cMljjf kCLKvB"
+    className="sc-gojNiO ezCBwa sc-cMljjf kCLKvB"
     size="MEDIUM"
   >
     View block card heading
   </h3>
    
   <h3
-    className="sc-cQFLBn gpmbYk sc-cMljjf kCLKvB"
+    className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
     size="MEDIUM"
   >
     <a
-      className="sc-cHGsZl cMiKoM"
+      className="sc-cJSrbW gKuUWc"
       href="#"
       muted={false}
     >
@@ -54,32 +54,32 @@ exports[`CardHeading when sourceType is missing should render the default card h
 
 exports[`CardHeading when the all data items are passed should render the card heading 1`] = `
 <div
-  className="sc-exAgwC ggLfNF"
+  className="sc-daURTG fUeUYu"
 >
   <h3
-    className="sc-GMQeP danEmM sc-cMljjf kCLKvB"
+    className="sc-gojNiO ezCBwa sc-cMljjf kCLKvB"
     size="MEDIUM"
   >
     View block card heading
   </h3>
    
   <span
-    className="sc-daURTG eRleaB"
+    className="sc-eLExRp kvktUb"
   >
     View sub heading
   </span>
   <h3
-    className="sc-gojNiO gLeCHZ sc-cMljjf kCLKvB"
+    className="sc-lkqHmb ddJPXs sc-cMljjf kCLKvB"
     size="MEDIUM"
   >
     view summary
   </h3>
   <h3
-    className="sc-cQFLBn gpmbYk sc-cMljjf kCLKvB"
+    className="sc-bXGyLb dimrYi sc-cMljjf kCLKvB"
     size="MEDIUM"
   >
     <a
-      className="sc-cHGsZl cMiKoM"
+      className="sc-cJSrbW gKuUWc"
       href="#"
       muted={false}
     >
diff --git a/src/entity-search/__snapshots__/EntitySearch.test.jsx.snap b/src/entity-search/__snapshots__/EntitySearch.test.jsx.snap
index 0e16bd6e..f19bda38 100644
--- a/src/entity-search/__snapshots__/EntitySearch.test.jsx.snap
+++ b/src/entity-search/__snapshots__/EntitySearch.test.jsx.snap
@@ -6,17 +6,17 @@ exports[`EntitySearch when initially loading the entity search component should
     <EntityFilters entityFilters={{...}} setFilter={[Function: setFilter]}>
       <styled.div>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <div className=\\"sc-eLExRp jnbiWj\\">
+          <div className=\\"sc-fYiAbW kCfdbA\\">
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC deEfgd\\">
+                              <div className=\\"sc-dVhcbM eruKDL\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -26,7 +26,7 @@ exports[`EntitySearch when initially loading the entity search component should
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company name
                                                   </span>
                                                 </StyledComponent>
@@ -57,14 +57,14 @@ exports[`EntitySearch when initially loading the entity search component should
             </Styled(GridRow)>
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC cnQyDs\\">
+                              <div className=\\"sc-dVhcbM iSqGTb\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -74,7 +74,7 @@ exports[`EntitySearch when initially loading the entity search component should
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company postcode
                                                   </span>
                                                 </StyledComponent>
@@ -109,10 +109,10 @@ exports[`EntitySearch when initially loading the entity search component should
     </EntityFilters>
     <Search onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]}>
       <StyledComponent onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\" forwardedComponent={{...}} forwardedRef={{...}}>
-              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-fYiAbW bAGbIC sc-VigVT krXvSZ\\">
+        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\" forwardedComponent={{...}} forwardedRef={{...}}>
+              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-gHboQg cGQXmx sc-VigVT krXvSZ\\">
                 Search
               </button>
             </StyledComponent>
@@ -130,17 +130,17 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
     <EntityFilters entityFilters={{...}} setFilter={[Function: setFilter]}>
       <styled.div>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <div className=\\"sc-eLExRp jnbiWj\\">
+          <div className=\\"sc-fYiAbW kCfdbA\\">
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC deEfgd\\">
+                              <div className=\\"sc-dVhcbM eruKDL\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -150,7 +150,7 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company name
                                                   </span>
                                                 </StyledComponent>
@@ -181,14 +181,14 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
             </Styled(GridRow)>
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC cnQyDs\\">
+                              <div className=\\"sc-dVhcbM iSqGTb\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -198,7 +198,7 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company postcode
                                                   </span>
                                                 </StyledComponent>
@@ -234,21 +234,21 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
     <EntityList entities={{...}} onEntityClick={[Function]}>
       <styled.ol>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <ol className=\\"sc-bXGyLb haBriy\\">
+          <ol className=\\"sc-cbkKFq keTrsS\\">
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function]} heading=\\"Some company name\\" meta={{...}} text={{...}} canHandleClick={false} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={false}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn eADRNi\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb eFyfEG\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some company name
                                       </h3>
                                     </StyledComponent>
@@ -260,7 +260,7 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -274,7 +274,7 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
                           </EntityListItemMetaList>
                           <Styled(styled.div)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fAjcbJ sc-daURTG bmxPEc\\">
+                              <div className=\\"sc-kjoXOD sc-eLExRp cJEDJc\\">
                                 This company is already on Data Hub. 
                                 <a href=\\"/companies/0fb3379c-341c-4da4-b825-bf8d47b26baa\\">
                                   Go to the company page
@@ -292,18 +292,18 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
             </styled.li>
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function]} heading=\\"Some other company\\" meta={{...}} text={{...}} canHandleClick={true} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={true}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={true} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn iOmJns\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb kOIdHV\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some other company
                                       </h3>
                                     </StyledComponent>
@@ -315,7 +315,7 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -341,10 +341,10 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
     <CannotFindDetails summary=\\"cannot find summary\\" actions={{...}} link={{...}}>
       <Styled(Details) summary=\\"cannot find summary\\">
         <StyledComponent summary=\\"cannot find summary\\" forwardedComponent={{...}} forwardedRef={{...}}>
-          <Details summary=\\"cannot find summary\\" className=\\"sc-GMQeP gsUqNz\\" open={false}>
-            <styled.details className=\\"sc-GMQeP gsUqNz\\" open={false}>
-              <StyledComponent className=\\"sc-GMQeP gsUqNz\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                <details className=\\"sc-GMQeP gsUqNz sc-kEYyzF ihcnje\\" open={false}>
+          <Details summary=\\"cannot find summary\\" className=\\"sc-gojNiO iOggNW\\" open={false}>
+            <styled.details className=\\"sc-gojNiO iOggNW\\" open={false}>
+              <StyledComponent className=\\"sc-gojNiO iOggNW\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
+                <details className=\\"sc-gojNiO iOggNW sc-kEYyzF ihcnje\\" open={false}>
                   <styled.summary>
                     <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
                       <summary className=\\"sc-kkGfuU cCdZFh\\">
@@ -389,7 +389,7 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
                           </ul>
                           <styled.a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false}>
                             <StyledComponent href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cHGsZl cMiKoM\\">
+                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cJSrbW gKuUWc\\">
                                 still cannot find
                               </a>
                             </StyledComponent>
@@ -407,10 +407,10 @@ exports[`EntitySearch when the "Search" button has been clicked should render th
     </CannotFindDetails>
     <Search onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]}>
       <StyledComponent onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\" forwardedComponent={{...}} forwardedRef={{...}}>
-              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-fYiAbW bAGbIC sc-VigVT krXvSZ\\">
+        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\" forwardedComponent={{...}} forwardedRef={{...}}>
+              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-gHboQg cGQXmx sc-VigVT krXvSZ\\">
                 Search
               </button>
             </StyledComponent>
@@ -428,17 +428,17 @@ exports[`EntitySearch when the API returns 0 results should render the component
     <EntityFilters entityFilters={{...}} setFilter={[Function: setFilter]}>
       <styled.div>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <div className=\\"sc-eLExRp jnbiWj\\">
+          <div className=\\"sc-fYiAbW kCfdbA\\">
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC deEfgd\\">
+                              <div className=\\"sc-dVhcbM eruKDL\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -448,7 +448,7 @@ exports[`EntitySearch when the API returns 0 results should render the component
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company name
                                                   </span>
                                                 </StyledComponent>
@@ -479,14 +479,14 @@ exports[`EntitySearch when the API returns 0 results should render the component
             </Styled(GridRow)>
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC cnQyDs\\">
+                              <div className=\\"sc-dVhcbM iSqGTb\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -496,7 +496,7 @@ exports[`EntitySearch when the API returns 0 results should render the component
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company postcode
                                                   </span>
                                                 </StyledComponent>
@@ -534,10 +534,10 @@ exports[`EntitySearch when the API returns 0 results should render the component
     </p>
     <Search onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]}>
       <StyledComponent onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\" forwardedComponent={{...}} forwardedRef={{...}}>
-              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-fYiAbW bAGbIC sc-VigVT krXvSZ\\">
+        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\" forwardedComponent={{...}} forwardedRef={{...}}>
+              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-gHboQg cGQXmx sc-VigVT krXvSZ\\">
                 Search
               </button>
             </StyledComponent>
@@ -555,17 +555,17 @@ exports[`EntitySearch when the API returns a server error should render the comp
     <EntityFilters entityFilters={{...}} setFilter={[Function: setFilter]}>
       <styled.div>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <div className=\\"sc-eLExRp jnbiWj\\">
+          <div className=\\"sc-fYiAbW kCfdbA\\">
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC deEfgd\\">
+                              <div className=\\"sc-dVhcbM eruKDL\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -575,7 +575,7 @@ exports[`EntitySearch when the API returns a server error should render the comp
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company name
                                                   </span>
                                                 </StyledComponent>
@@ -606,14 +606,14 @@ exports[`EntitySearch when the API returns a server error should render the comp
             </Styled(GridRow)>
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC cnQyDs\\">
+                              <div className=\\"sc-dVhcbM iSqGTb\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -623,7 +623,7 @@ exports[`EntitySearch when the API returns a server error should render the comp
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company postcode
                                                   </span>
                                                 </StyledComponent>
@@ -661,10 +661,10 @@ exports[`EntitySearch when the API returns a server error should render the comp
     </p>
     <Search onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]}>
       <StyledComponent onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\" forwardedComponent={{...}} forwardedRef={{...}}>
-              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-fYiAbW bAGbIC sc-VigVT krXvSZ\\">
+        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\" forwardedComponent={{...}} forwardedRef={{...}}>
+              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-gHboQg cGQXmx sc-VigVT krXvSZ\\">
                 Search
               </button>
             </StyledComponent>
@@ -682,17 +682,17 @@ exports[`EntitySearch when the company name filter is applied should render the
     <EntityFilters entityFilters={{...}} setFilter={[Function: setFilter]}>
       <styled.div>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <div className=\\"sc-eLExRp jnbiWj\\">
+          <div className=\\"sc-fYiAbW kCfdbA\\">
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC deEfgd\\">
+                              <div className=\\"sc-dVhcbM eruKDL\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -702,7 +702,7 @@ exports[`EntitySearch when the company name filter is applied should render the
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company name
                                                   </span>
                                                 </StyledComponent>
@@ -733,14 +733,14 @@ exports[`EntitySearch when the company name filter is applied should render the
             </Styled(GridRow)>
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC cnQyDs\\">
+                              <div className=\\"sc-dVhcbM iSqGTb\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -750,7 +750,7 @@ exports[`EntitySearch when the company name filter is applied should render the
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company postcode
                                                   </span>
                                                 </StyledComponent>
@@ -786,21 +786,21 @@ exports[`EntitySearch when the company name filter is applied should render the
     <EntityList entities={{...}} onEntityClick={[Function]}>
       <styled.ol>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <ol className=\\"sc-bXGyLb haBriy\\">
+          <ol className=\\"sc-cbkKFq keTrsS\\">
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function]} heading=\\"Some other company\\" meta={{...}} text={{...}} canHandleClick={true} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={true}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={true} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn iOmJns\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb kOIdHV\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some other company
                                       </h3>
                                     </StyledComponent>
@@ -812,7 +812,7 @@ exports[`EntitySearch when the company name filter is applied should render the
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -838,10 +838,10 @@ exports[`EntitySearch when the company name filter is applied should render the
     <CannotFindDetails summary=\\"cannot find summary\\" actions={{...}} link={{...}}>
       <Styled(Details) summary=\\"cannot find summary\\">
         <StyledComponent summary=\\"cannot find summary\\" forwardedComponent={{...}} forwardedRef={{...}}>
-          <Details summary=\\"cannot find summary\\" className=\\"sc-GMQeP gsUqNz\\" open={false}>
-            <styled.details className=\\"sc-GMQeP gsUqNz\\" open={false}>
-              <StyledComponent className=\\"sc-GMQeP gsUqNz\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                <details className=\\"sc-GMQeP gsUqNz sc-kEYyzF ihcnje\\" open={false}>
+          <Details summary=\\"cannot find summary\\" className=\\"sc-gojNiO iOggNW\\" open={false}>
+            <styled.details className=\\"sc-gojNiO iOggNW\\" open={false}>
+              <StyledComponent className=\\"sc-gojNiO iOggNW\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
+                <details className=\\"sc-gojNiO iOggNW sc-kEYyzF ihcnje\\" open={false}>
                   <styled.summary>
                     <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
                       <summary className=\\"sc-kkGfuU cCdZFh\\">
@@ -886,7 +886,7 @@ exports[`EntitySearch when the company name filter is applied should render the
                           </ul>
                           <styled.a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false}>
                             <StyledComponent href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cHGsZl cMiKoM\\">
+                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cJSrbW gKuUWc\\">
                                 still cannot find
                               </a>
                             </StyledComponent>
@@ -904,10 +904,10 @@ exports[`EntitySearch when the company name filter is applied should render the
     </CannotFindDetails>
     <Search onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]}>
       <StyledComponent onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\" forwardedComponent={{...}} forwardedRef={{...}}>
-              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-fYiAbW bAGbIC sc-VigVT krXvSZ\\">
+        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\" forwardedComponent={{...}} forwardedRef={{...}}>
+              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-gHboQg cGQXmx sc-VigVT krXvSZ\\">
                 Search
               </button>
             </StyledComponent>
@@ -925,17 +925,17 @@ exports[`EntitySearch when the company postcode filter is applied should render
     <EntityFilters entityFilters={{...}} setFilter={[Function: setFilter]}>
       <styled.div>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <div className=\\"sc-eLExRp jnbiWj\\">
+          <div className=\\"sc-fYiAbW kCfdbA\\">
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC deEfgd\\">
+                              <div className=\\"sc-dVhcbM eruKDL\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -945,7 +945,7 @@ exports[`EntitySearch when the company postcode filter is applied should render
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company name
                                                   </span>
                                                 </StyledComponent>
@@ -976,14 +976,14 @@ exports[`EntitySearch when the company postcode filter is applied should render
             </Styled(GridRow)>
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC cnQyDs\\">
+                              <div className=\\"sc-dVhcbM iSqGTb\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -993,7 +993,7 @@ exports[`EntitySearch when the company postcode filter is applied should render
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company postcode
                                                   </span>
                                                 </StyledComponent>
@@ -1029,21 +1029,21 @@ exports[`EntitySearch when the company postcode filter is applied should render
     <EntityList entities={{...}} onEntityClick={[Function]}>
       <styled.ol>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <ol className=\\"sc-bXGyLb haBriy\\">
+          <ol className=\\"sc-cbkKFq keTrsS\\">
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function]} heading=\\"Some company name\\" meta={{...}} text={{...}} canHandleClick={false} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={false}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn eADRNi\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb eFyfEG\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some company name
                                       </h3>
                                     </StyledComponent>
@@ -1055,7 +1055,7 @@ exports[`EntitySearch when the company postcode filter is applied should render
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -1069,7 +1069,7 @@ exports[`EntitySearch when the company postcode filter is applied should render
                           </EntityListItemMetaList>
                           <Styled(styled.div)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fAjcbJ sc-daURTG bmxPEc\\">
+                              <div className=\\"sc-kjoXOD sc-eLExRp cJEDJc\\">
                                 This company is already on Data Hub. 
                                 <a href=\\"/companies/0fb3379c-341c-4da4-b825-bf8d47b26baa\\">
                                   Go to the company page
@@ -1092,10 +1092,10 @@ exports[`EntitySearch when the company postcode filter is applied should render
     <CannotFindDetails summary=\\"cannot find summary\\" actions={{...}} link={{...}}>
       <Styled(Details) summary=\\"cannot find summary\\">
         <StyledComponent summary=\\"cannot find summary\\" forwardedComponent={{...}} forwardedRef={{...}}>
-          <Details summary=\\"cannot find summary\\" className=\\"sc-GMQeP gsUqNz\\" open={false}>
-            <styled.details className=\\"sc-GMQeP gsUqNz\\" open={false}>
-              <StyledComponent className=\\"sc-GMQeP gsUqNz\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                <details className=\\"sc-GMQeP gsUqNz sc-kEYyzF ihcnje\\" open={false}>
+          <Details summary=\\"cannot find summary\\" className=\\"sc-gojNiO iOggNW\\" open={false}>
+            <styled.details className=\\"sc-gojNiO iOggNW\\" open={false}>
+              <StyledComponent className=\\"sc-gojNiO iOggNW\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
+                <details className=\\"sc-gojNiO iOggNW sc-kEYyzF ihcnje\\" open={false}>
                   <styled.summary>
                     <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
                       <summary className=\\"sc-kkGfuU cCdZFh\\">
@@ -1140,7 +1140,7 @@ exports[`EntitySearch when the company postcode filter is applied should render
                           </ul>
                           <styled.a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false}>
                             <StyledComponent href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cHGsZl cMiKoM\\">
+                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cJSrbW gKuUWc\\">
                                 still cannot find
                               </a>
                             </StyledComponent>
@@ -1158,10 +1158,10 @@ exports[`EntitySearch when the company postcode filter is applied should render
     </CannotFindDetails>
     <Search onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]}>
       <StyledComponent onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\" forwardedComponent={{...}} forwardedRef={{...}}>
-              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-fYiAbW bAGbIC sc-VigVT krXvSZ\\">
+        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\" forwardedComponent={{...}} forwardedRef={{...}}>
+              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-gHboQg cGQXmx sc-VigVT krXvSZ\\">
                 Search
               </button>
             </StyledComponent>
@@ -1179,17 +1179,17 @@ exports[`EntitySearch when the entity search results are clicked should render t
     <EntityFilters entityFilters={{...}} setFilter={[Function: setFilter]}>
       <styled.div>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <div className=\\"sc-eLExRp jnbiWj\\">
+          <div className=\\"sc-fYiAbW kCfdbA\\">
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC deEfgd\\">
+                              <div className=\\"sc-dVhcbM eruKDL\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -1199,7 +1199,7 @@ exports[`EntitySearch when the entity search results are clicked should render t
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company name
                                                   </span>
                                                 </StyledComponent>
@@ -1230,14 +1230,14 @@ exports[`EntitySearch when the entity search results are clicked should render t
             </Styled(GridRow)>
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC cnQyDs\\">
+                              <div className=\\"sc-dVhcbM iSqGTb\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -1247,7 +1247,7 @@ exports[`EntitySearch when the entity search results are clicked should render t
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company postcode
                                                   </span>
                                                 </StyledComponent>
@@ -1283,21 +1283,21 @@ exports[`EntitySearch when the entity search results are clicked should render t
     <EntityList entities={{...}} onEntityClick={[Function: mockConstructor]}>
       <styled.ol>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <ol className=\\"sc-bXGyLb haBriy\\">
+          <ol className=\\"sc-cbkKFq keTrsS\\">
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function: mockConstructor]} heading=\\"Some company name\\" meta={{...}} text={{...}} canHandleClick={false} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={false}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn eADRNi\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb eFyfEG\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some company name
                                       </h3>
                                     </StyledComponent>
@@ -1309,7 +1309,7 @@ exports[`EntitySearch when the entity search results are clicked should render t
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -1323,7 +1323,7 @@ exports[`EntitySearch when the entity search results are clicked should render t
                           </EntityListItemMetaList>
                           <Styled(styled.div)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fAjcbJ sc-daURTG bmxPEc\\">
+                              <div className=\\"sc-kjoXOD sc-eLExRp cJEDJc\\">
                                 This company is already on Data Hub. 
                                 <a href=\\"/companies/0fb3379c-341c-4da4-b825-bf8d47b26baa\\">
                                   Go to the company page
@@ -1341,18 +1341,18 @@ exports[`EntitySearch when the entity search results are clicked should render t
             </styled.li>
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function: mockConstructor]} heading=\\"Some other company\\" meta={{...}} text={{...}} canHandleClick={true} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={true}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={true} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn iOmJns\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb kOIdHV\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some other company
                                       </h3>
                                     </StyledComponent>
@@ -1364,7 +1364,7 @@ exports[`EntitySearch when the entity search results are clicked should render t
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -1390,10 +1390,10 @@ exports[`EntitySearch when the entity search results are clicked should render t
     <CannotFindDetails summary=\\"cannot find summary\\" actions={{...}} link={{...}}>
       <Styled(Details) summary=\\"cannot find summary\\">
         <StyledComponent summary=\\"cannot find summary\\" forwardedComponent={{...}} forwardedRef={{...}}>
-          <Details summary=\\"cannot find summary\\" className=\\"sc-GMQeP gsUqNz\\" open={false}>
-            <styled.details className=\\"sc-GMQeP gsUqNz\\" open={false}>
-              <StyledComponent className=\\"sc-GMQeP gsUqNz\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                <details className=\\"sc-GMQeP gsUqNz sc-kEYyzF ihcnje\\" open={false}>
+          <Details summary=\\"cannot find summary\\" className=\\"sc-gojNiO iOggNW\\" open={false}>
+            <styled.details className=\\"sc-gojNiO iOggNW\\" open={false}>
+              <StyledComponent className=\\"sc-gojNiO iOggNW\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
+                <details className=\\"sc-gojNiO iOggNW sc-kEYyzF ihcnje\\" open={false}>
                   <styled.summary>
                     <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
                       <summary className=\\"sc-kkGfuU cCdZFh\\">
@@ -1438,7 +1438,7 @@ exports[`EntitySearch when the entity search results are clicked should render t
                           </ul>
                           <styled.a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false}>
                             <StyledComponent href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cHGsZl cMiKoM\\">
+                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cJSrbW gKuUWc\\">
                                 still cannot find
                               </a>
                             </StyledComponent>
@@ -1456,10 +1456,10 @@ exports[`EntitySearch when the entity search results are clicked should render t
     </CannotFindDetails>
     <Search onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]}>
       <StyledComponent onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\" forwardedComponent={{...}} forwardedRef={{...}}>
-              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-fYiAbW bAGbIC sc-VigVT krXvSZ\\">
+        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\" forwardedComponent={{...}} forwardedRef={{...}}>
+              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-gHboQg cGQXmx sc-VigVT krXvSZ\\">
                 Search
               </button>
             </StyledComponent>
@@ -1477,17 +1477,17 @@ exports[`EntitySearch when the the cannot find link has a callback should render
     <EntityFilters entityFilters={{...}} setFilter={[Function: setFilter]}>
       <styled.div>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <div className=\\"sc-eLExRp jnbiWj\\">
+          <div className=\\"sc-fYiAbW kCfdbA\\">
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC deEfgd\\">
+                              <div className=\\"sc-dVhcbM eruKDL\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -1497,7 +1497,7 @@ exports[`EntitySearch when the the cannot find link has a callback should render
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company name
                                                   </span>
                                                 </StyledComponent>
@@ -1528,14 +1528,14 @@ exports[`EntitySearch when the the cannot find link has a callback should render
             </Styled(GridRow)>
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC cnQyDs\\">
+                              <div className=\\"sc-dVhcbM iSqGTb\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -1545,7 +1545,7 @@ exports[`EntitySearch when the the cannot find link has a callback should render
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company postcode
                                                   </span>
                                                 </StyledComponent>
@@ -1581,21 +1581,21 @@ exports[`EntitySearch when the the cannot find link has a callback should render
     <EntityList entities={{...}} onEntityClick={[Function]}>
       <styled.ol>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <ol className=\\"sc-bXGyLb haBriy\\">
+          <ol className=\\"sc-cbkKFq keTrsS\\">
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function]} heading=\\"Some company name\\" meta={{...}} text={{...}} canHandleClick={false} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={false}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn eADRNi\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb eFyfEG\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some company name
                                       </h3>
                                     </StyledComponent>
@@ -1607,7 +1607,7 @@ exports[`EntitySearch when the the cannot find link has a callback should render
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -1621,7 +1621,7 @@ exports[`EntitySearch when the the cannot find link has a callback should render
                           </EntityListItemMetaList>
                           <Styled(styled.div)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fAjcbJ sc-daURTG bmxPEc\\">
+                              <div className=\\"sc-kjoXOD sc-eLExRp cJEDJc\\">
                                 This company is already on Data Hub. 
                                 <a href=\\"/companies/0fb3379c-341c-4da4-b825-bf8d47b26baa\\">
                                   Go to the company page
@@ -1639,18 +1639,18 @@ exports[`EntitySearch when the the cannot find link has a callback should render
             </styled.li>
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function]} heading=\\"Some other company\\" meta={{...}} text={{...}} canHandleClick={true} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={true}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={true} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn iOmJns\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb kOIdHV\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some other company
                                       </h3>
                                     </StyledComponent>
@@ -1662,7 +1662,7 @@ exports[`EntitySearch when the the cannot find link has a callback should render
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -1688,10 +1688,10 @@ exports[`EntitySearch when the the cannot find link has a callback should render
     <CannotFindDetails summary=\\"cannot find summary\\" actions={{...}} link={{...}}>
       <Styled(Details) summary=\\"cannot find summary\\">
         <StyledComponent summary=\\"cannot find summary\\" forwardedComponent={{...}} forwardedRef={{...}}>
-          <Details summary=\\"cannot find summary\\" className=\\"sc-GMQeP gsUqNz\\" open={false}>
-            <styled.details className=\\"sc-GMQeP gsUqNz\\" open={false}>
-              <StyledComponent className=\\"sc-GMQeP gsUqNz\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                <details className=\\"sc-GMQeP gsUqNz sc-kEYyzF ihcnje\\" open={false}>
+          <Details summary=\\"cannot find summary\\" className=\\"sc-gojNiO iOggNW\\" open={false}>
+            <styled.details className=\\"sc-gojNiO iOggNW\\" open={false}>
+              <StyledComponent className=\\"sc-gojNiO iOggNW\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
+                <details className=\\"sc-gojNiO iOggNW sc-kEYyzF ihcnje\\" open={false}>
                   <styled.summary>
                     <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
                       <summary className=\\"sc-kkGfuU cCdZFh\\">
@@ -1736,7 +1736,7 @@ exports[`EntitySearch when the the cannot find link has a callback should render
                           </ul>
                           <styled.a href=\\"#cannot-find\\" onClick={[Function: onLinkClick]} muted={false} textColour={false} noVisitedState={false}>
                             <StyledComponent href=\\"#cannot-find\\" onClick={[Function: onLinkClick]} muted={false} textColour={false} noVisitedState={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <a href=\\"#cannot-find\\" onClick={[Function: onLinkClick]} muted={false} className=\\"sc-cHGsZl cMiKoM\\">
+                              <a href=\\"#cannot-find\\" onClick={[Function: onLinkClick]} muted={false} className=\\"sc-cJSrbW gKuUWc\\">
                                 still cannot find
                               </a>
                             </StyledComponent>
@@ -1754,10 +1754,10 @@ exports[`EntitySearch when the the cannot find link has a callback should render
     </CannotFindDetails>
     <Search onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]}>
       <StyledComponent onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\" forwardedComponent={{...}} forwardedRef={{...}}>
-              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-fYiAbW bAGbIC sc-VigVT krXvSZ\\">
+        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\" forwardedComponent={{...}} forwardedRef={{...}}>
+              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-gHboQg cGQXmx sc-VigVT krXvSZ\\">
                 Search
               </button>
             </StyledComponent>
@@ -1777,7 +1777,7 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
         previously selected
         <Styled(styled.a) href=\\"#previously-selected\\" onClick={[Function: onClick]} muted={false} textColour={false} noVisitedState={false}>
           <StyledComponent href=\\"#previously-selected\\" onClick={[Function: onClick]} muted={false} textColour={false} noVisitedState={false} forwardedComponent={{...}} forwardedRef={{...}}>
-            <a href=\\"#previously-selected\\" onClick={[Function: onClick]} muted={false} className=\\"sc-cHGsZl sc-krvtoX dxfRYO\\">
+            <a href=\\"#previously-selected\\" onClick={[Function: onClick]} muted={false} className=\\"sc-cJSrbW sc-dUjcNx bRRUOx\\">
               Change
             </a>
           </StyledComponent>
@@ -1787,17 +1787,17 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
     <EntityFilters entityFilters={{...}} setFilter={[Function: setFilter]}>
       <styled.div>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <div className=\\"sc-eLExRp jnbiWj\\">
+          <div className=\\"sc-fYiAbW kCfdbA\\">
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth={[undefined]} columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC deEfgd\\">
+                              <div className=\\"sc-dVhcbM eruKDL\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -1807,7 +1807,7 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company name
                                                   </span>
                                                 </StyledComponent>
@@ -1838,14 +1838,14 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
             </Styled(GridRow)>
             <Styled(GridRow)>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <GridRow className=\\"sc-cbkKFq sEgnj\\">
-                  <styled.div className=\\"sc-cbkKFq sEgnj\\">
-                    <StyledComponent className=\\"sc-cbkKFq sEgnj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                      <div className=\\"sc-cbkKFq sEgnj sc-fMiknA gIEufr\\">
+                <GridRow className=\\"sc-fOKMvo OKpEt\\">
+                  <styled.div className=\\"sc-fOKMvo OKpEt\\">
+                    <StyledComponent className=\\"sc-fOKMvo OKpEt\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                      <div className=\\"sc-fOKMvo OKpEt sc-eqIVtm dXDqzA\\">
                         <GridCol setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                           <styled.div setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]}>
                             <StyledComponent setWidth=\\"one-half\\" columnOneQuarter={false} columnOneThird={false} columnOneHalf={false} columnTwoThirds={false} columnThreeQuarters={false} columnFull={false} setDesktopWidth={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fBuWsC cnQyDs\\">
+                              <div className=\\"sc-dVhcbM iSqGTb\\">
                                 <EntityFilter filter={{...}} setFilter={[Function: setFilter]}>
                                   <InputField onChange={[Function: onChange]} input={{...}} hint={[undefined]} meta={{...}}>
                                     <Label onChange={[Function: onChange]} error={false}>
@@ -1855,7 +1855,7 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
                                             <LabelText>
                                               <styled.span>
                                                 <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                                  <span className=\\"sc-eqIVtm jTUWD\\">
+                                                  <span className=\\"sc-caSCKo Fhhns\\">
                                                     Company postcode
                                                   </span>
                                                 </StyledComponent>
@@ -1891,21 +1891,21 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
     <EntityList entities={{...}} onEntityClick={[Function]}>
       <styled.ol>
         <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-          <ol className=\\"sc-bXGyLb haBriy\\">
+          <ol className=\\"sc-cbkKFq keTrsS\\">
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function]} heading=\\"Some company name\\" meta={{...}} text={{...}} canHandleClick={false} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={false}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn eADRNi\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb eFyfEG\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some company name
                                       </h3>
                                     </StyledComponent>
@@ -1917,7 +1917,7 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -1931,7 +1931,7 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
                           </EntityListItemMetaList>
                           <Styled(styled.div)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <div className=\\"sc-fAjcbJ sc-daURTG bmxPEc\\">
+                              <div className=\\"sc-kjoXOD sc-eLExRp cJEDJc\\">
                                 This company is already on Data Hub. 
                                 <a href=\\"/companies/0fb3379c-341c-4da4-b825-bf8d47b26baa\\">
                                   Go to the company page
@@ -1949,18 +1949,18 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
             </styled.li>
             <styled.li>
               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                <li className=\\"sc-lkqHmb jBjITi\\">
+                <li className=\\"sc-krvtoX ekGeeu\\">
                   <EntityListItem onEntityClick={[Function]} heading=\\"Some other company\\" meta={{...}} text={{...}} canHandleClick={true} data={{...}}>
                     <StyledEntity onClick={[Function: onClick]} canHandleClick={true}>
                       <StyledComponent onClick={[Function: onClick]} canHandleClick={true} forwardedComponent={{...}} forwardedRef={{...}}>
-                        <div onClick={[Function: onClick]} className=\\"sc-cQFLBn iOmJns\\">
+                        <div onClick={[Function: onClick]} className=\\"sc-bXGyLb kOIdHV\\">
                           <Styled(H3)>
                             <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                              <H3 className=\\"sc-gojNiO byNnwj\\">
-                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" level={[undefined]}>
-                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\">
-                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj\\" forwardedComponent={{...}} forwardedRef={{...}}>
-                                      <h3 size=\\"MEDIUM\\" className=\\"sc-gojNiO byNnwj sc-cMljjf kCLKvB\\">
+                              <H3 className=\\"sc-lkqHmb twTzA\\">
+                                <Heading as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" level={[undefined]}>
+                                  <styled.h1 as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\">
+                                    <StyledComponent as=\\"h3\\" size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA\\" forwardedComponent={{...}} forwardedRef={{...}}>
+                                      <h3 size=\\"MEDIUM\\" className=\\"sc-lkqHmb twTzA sc-cMljjf kCLKvB\\">
                                         Some other company
                                       </h3>
                                     </StyledComponent>
@@ -1972,7 +1972,7 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
                           <EntityListItemMetaList meta={{...}}>
                             <styled.div>
                               <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
-                                <div className=\\"sc-exAgwC jaSAbg\\">
+                                <div className=\\"sc-daURTG iTDvoI\\">
                                   <span>
                                     Address
                                     :
@@ -1998,10 +1998,10 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
     <CannotFindDetails summary=\\"cannot find summary\\" actions={{...}} link={{...}}>
       <Styled(Details) summary=\\"cannot find summary\\">
         <StyledComponent summary=\\"cannot find summary\\" forwardedComponent={{...}} forwardedRef={{...}}>
-          <Details summary=\\"cannot find summary\\" className=\\"sc-GMQeP gsUqNz\\" open={false}>
-            <styled.details className=\\"sc-GMQeP gsUqNz\\" open={false}>
-              <StyledComponent className=\\"sc-GMQeP gsUqNz\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                <details className=\\"sc-GMQeP gsUqNz sc-kEYyzF ihcnje\\" open={false}>
+          <Details summary=\\"cannot find summary\\" className=\\"sc-gojNiO iOggNW\\" open={false}>
+            <styled.details className=\\"sc-gojNiO iOggNW\\" open={false}>
+              <StyledComponent className=\\"sc-gojNiO iOggNW\\" open={false} forwardedComponent={{...}} forwardedRef={{...}}>
+                <details className=\\"sc-gojNiO iOggNW sc-kEYyzF ihcnje\\" open={false}>
                   <styled.summary>
                     <StyledComponent forwardedComponent={{...}} forwardedRef={{...}}>
                       <summary className=\\"sc-kkGfuU cCdZFh\\">
@@ -2046,7 +2046,7 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
                           </ul>
                           <styled.a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false}>
                             <StyledComponent href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} textColour={false} noVisitedState={false} forwardedComponent={{...}} forwardedRef={{...}}>
-                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cHGsZl cMiKoM\\">
+                              <a href=\\"http://stillcannotfind.com\\" onClick={{...}} muted={false} className=\\"sc-cJSrbW gKuUWc\\">
                                 still cannot find
                               </a>
                             </StyledComponent>
@@ -2064,10 +2064,10 @@ exports[`EntitySearch when there is a previously selected "Change" link which is
     </CannotFindDetails>
     <Search onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]}>
       <StyledComponent onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} forwardedComponent={{...}} forwardedRef={{...}}>
-        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\">
-            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-fYiAbW bAGbIC\\" forwardedComponent={{...}} forwardedRef={{...}}>
-              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-fYiAbW bAGbIC sc-VigVT krXvSZ\\">
+        <ForwardRef onClick={[Function: onSearchClick]} icon={[undefined]} disabled={false} start={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+          <styled.button isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\">
+            <StyledComponent isStart={false} icon={[undefined]} onClick={[Function: onSearchClick]} disabled={false} buttonColour={[undefined]} buttonHoverColour={[undefined]} buttonShadowColour={[undefined]} buttonTextColour={[undefined]} className=\\"sc-gHboQg cGQXmx\\" forwardedComponent={{...}} forwardedRef={{...}}>
+              <button onClick={[Function: onSearchClick]} disabled={false} className=\\"sc-gHboQg cGQXmx sc-VigVT krXvSZ\\">
                 Search
               </button>
             </StyledComponent>
diff --git a/src/forms/elements/FieldRadios.jsx b/src/forms/elements/FieldRadios.jsx
new file mode 100644
index 00000000..87d33c4c
--- /dev/null
+++ b/src/forms/elements/FieldRadios.jsx
@@ -0,0 +1,54 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import Radio from '@govuk-react/radio'
+import MultiChoice from '@govuk-react/multi-choice'
+
+import useField from '../core/useField'
+
+const FieldRadios = ({ name, validate, label, options, ...rest }) => {
+  const { value, error, touched, onChange, onBlur } = useField({ name, label, validate })
+
+  return (
+    <div>
+      <MultiChoice label={label} meta={({ error, touched })}>
+        {options.map(({ label: optionLabel, value: optionValue, children }) => (
+          <div key={optionValue}>
+            <Radio
+              key={optionValue}
+              value={optionValue}
+              checked={value === optionValue}
+              onChange={onChange}
+              onBlur={onBlur}
+              {...rest}
+            >
+              {optionLabel}
+            </Radio>
+
+            {value === optionValue && !!children ? children : null}
+          </div>
+        ))}
+      </MultiChoice>
+    </div>
+  )
+}
+
+FieldRadios.propTypes = {
+  name: PropTypes.string.isRequired,
+  validate: PropTypes.func,
+  label: PropTypes.string,
+  options: PropTypes.arrayOf(
+    PropTypes.shape({
+      label: PropTypes.string.isRequired,
+      value: PropTypes.string.isRequired,
+      children: PropTypes.node,
+    }),
+  ),
+}
+
+FieldRadios.defaultProps = {
+  validate: null,
+  label: null,
+  options: [],
+}
+
+export default FieldRadios
diff --git a/src/forms/elements/__tests__/FieldRadios.test.jsx b/src/forms/elements/__tests__/FieldRadios.test.jsx
new file mode 100644
index 00000000..7d8f75df
--- /dev/null
+++ b/src/forms/elements/__tests__/FieldRadios.test.jsx
@@ -0,0 +1,94 @@
+import React from 'react'
+import { mount } from 'enzyme'
+import Radio from '@govuk-react/radio'
+
+import Form from '../../core/Form'
+import FieldRadios from '../FieldRadios'
+
+describe('FieldRadios', () => {
+  let wrapper
+
+  describe('when the field does specify label', () => {
+    beforeAll(() => {
+      wrapper = mount(
+        <Form>
+          <FieldRadios
+            name="testField"
+            label="testLabel"
+          />
+        </Form>,
+      )
+    })
+
+    test('should render the field with a label', () => {
+      const label = wrapper.find('span')
+      expect(label.exists()).toBeTruthy()
+      expect(label.text()).toEqual('testLabel')
+    })
+  })
+
+  describe('when the field does not specify label', () => {
+    beforeAll(() => {
+      wrapper = mount(
+        <Form>
+          <FieldRadios
+            name="testField"
+          />
+        </Form>,
+      )
+    })
+
+    test('should render the field without a label', () => {
+      const label = wrapper.find('span')
+      expect(label.text()).toEqual('')
+    })
+  })
+
+  describe('when the field does specify options', () => {
+    let radios
+
+    beforeAll(() => {
+      wrapper = mount(
+        <Form>
+          <FieldRadios
+            name="testField"
+            options={[
+              { label: 'testOptionLabel1', value: 'testOptionValue1' },
+              { label: 'testOptionLabel2', value: 'testOptionValue2' },
+            ]}
+          />
+        </Form>,
+      )
+      radios = wrapper.find(Radio)
+    })
+
+    test('should render the radio inputs', () => {
+      expect(wrapper.find('input[type="radio"]').length).toEqual(2)
+    })
+
+    test('should render a label for each option', () => {
+      expect(radios.first().text()).toEqual('testOptionLabel1')
+      expect(radios.at(1).text()).toEqual('testOptionLabel2')
+    })
+
+    test('should render a value for each option', () => {
+      expect(radios.first().prop('value')).toEqual('testOptionValue1')
+      expect(radios.at(1).prop('value')).toEqual('testOptionValue2')
+    })
+  })
+
+  describe('when the field validation fails', () => {
+    beforeAll(() => {
+      wrapper = mount(
+        <Form>
+          <FieldRadios name="testField" validate={() => 'testError'} />
+        </Form>,
+      )
+      wrapper.find('form').simulate('submit')
+    })
+
+    test('should render with an error', () => {
+      expect(wrapper.find('span').at(1).text()).toEqual('testError')
+    })
+  })
+})
diff --git a/src/forms/forms.stories.jsx b/src/forms/forms.stories.jsx
index 171ac44e..0faa88cf 100644
--- a/src/forms/forms.stories.jsx
+++ b/src/forms/forms.stories.jsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { storiesOf } from '@storybook/react'
 
 import { useFormContext, Form, Step, FieldInput } from '..'
+import FieldRadios from './elements/FieldRadios'
 
 function Values() {
   const form = useFormContext()
@@ -37,6 +38,22 @@ storiesOf('Forms', module)
             <Step name="first">
               <FieldInput type="number" name="age" label="Age" validate={value => (!value ? 'Age is required' : null)} />
               <FieldInput type="number" name="height" label="Height" validate={value => (!value ? 'Height is required' : null)} />
+
+              <FieldRadios
+                name="companyLocation"
+                label="Where is the company based?"
+                validate={value => (!value ? 'Please specify where the company is based' : null)}
+                options={[
+                  { label: 'UK', value: 'uk' },
+                  {
+                    label: 'Overseas',
+                    value: 'overseas',
+                    children: (
+                      <FieldInput type="text" name="overseasCountryName" />
+                    ),
+                  },
+                ]}
+              />
             </Step>
 
             {values.age === '1' && (
diff --git a/yarn.lock b/yarn.lock
index 8b49917c..4503f86f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1619,6 +1619,18 @@
     "@govuk-react/lib" "^0.7.0"
     govuk-colours "^1.0.3"
 
+"@govuk-react/multi-choice@^0.7.1":
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/@govuk-react/multi-choice/-/multi-choice-0.7.1.tgz#08522a64b4a2e1adb17a4d8b0206f80caed342a3"
+  integrity sha512-rHgaGsCdbgBYV8v0u1/2BVfjXnNxtIoC7BqcxxaOxXvl7ImnqbLrWUSgQ+tbBr34yyZkoGmytFCjOiEsQey0GA==
+  dependencies:
+    "@govuk-react/constants" "^0.7.1"
+    "@govuk-react/error-text" "^0.7.1"
+    "@govuk-react/hint-text" "^0.7.1"
+    "@govuk-react/label-text" "^0.7.1"
+    "@govuk-react/lib" "^0.7.1"
+    govuk-colours "^1.0.3"
+
 "@govuk-react/ordered-list@^0.7.0":
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/@govuk-react/ordered-list/-/ordered-list-0.7.0.tgz#56e8d83fdba36663ac884505471fb585816c8dcb"
@@ -1676,6 +1688,16 @@
     "@govuk-react/lib" "^0.7.0"
     govuk-colours "^1.0.3"
 
+"@govuk-react/radio@^0.7.1":
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/@govuk-react/radio/-/radio-0.7.1.tgz#5f9282ddaf3557a53b6088a58532c7c8cd5c7998"
+  integrity sha512-65aLUm9lli1jAT/DpGkEKNdnRGhen1HRcilFMMsOSNIcJY6AZ8UnTB11/7MEQWjcSeXT7zZyO6xc/q7Q7uylpA==
+  dependencies:
+    "@govuk-react/constants" "^0.7.1"
+    "@govuk-react/hint-text" "^0.7.1"
+    "@govuk-react/lib" "^0.7.1"
+    govuk-colours "^1.0.3"
+
 "@govuk-react/related-items@^0.7.0":
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/@govuk-react/related-items/-/related-items-0.7.0.tgz#ce07493534d3cca4ea0ffc3e9e18707761af3e6f"