Make sort icon for table column headers remain on the same line as the text

src/components/Avatar/__snapshots__/Avatar.stories.storyshot

@@ -7,7 +7,7 @@ exports[`Storyshots Core/Avatar Default 1`] = `
   >
 
     <div
-      class="StyledBox-sc-13pk1d4-0 kVFNVq StyledAvatar-sc-1suyamb-1 sc-egNfGp jwNySN"
+      class="StyledBox-sc-13pk1d4-0 kVFNVq StyledAvatar-sc-1suyamb-1 sc-ddcaxn cRGiDA"
     >
       <svg
         aria-hidden="true"
@@ -36,7 +36,7 @@ exports[`Storyshots Core/Avatar Emphasized 1`] = `
     class="StyledGrommet-sc-19lkkz7-0 jbmlFX sc-fWIMVQ jMbSIt"
   >
     <div
-      class="StyledBox-sc-13pk1d4-0 iaZwhG StyledAvatar-sc-1suyamb-1 sc-egNfGp jwNySN"
+      class="StyledBox-sc-13pk1d4-0 iaZwhG StyledAvatar-sc-1suyamb-1 sc-ddcaxn cRGiDA"
     >
       <div
         class="sc-ivTmOn dNJphr sc-cxabCf kEsRji"
@@ -54,7 +54,7 @@ exports[`Storyshots Core/Avatar With First Name 1`] = `
     class="StyledGrommet-sc-19lkkz7-0 jbmlFX sc-fWIMVQ jMbSIt"
   >
     <div
-      class="StyledBox-sc-13pk1d4-0 kVFNVq StyledAvatar-sc-1suyamb-1 sc-egNfGp jwNySN"
+      class="StyledBox-sc-13pk1d4-0 kVFNVq StyledAvatar-sc-1suyamb-1 sc-ddcaxn cRGiDA"
     >
       <div
         class="sc-ivTmOn dNJphr sc-cxabCf kEsRji"
@@ -72,7 +72,7 @@ exports[`Storyshots Core/Avatar With Full Name 1`] = `
     class="StyledGrommet-sc-19lkkz7-0 jbmlFX sc-fWIMVQ jMbSIt"
   >
     <div
-      class="StyledBox-sc-13pk1d4-0 kVFNVq StyledAvatar-sc-1suyamb-1 sc-egNfGp jwNySN"
+      class="StyledBox-sc-13pk1d4-0 kVFNVq StyledAvatar-sc-1suyamb-1 sc-ddcaxn cRGiDA"
     >
       <div
         class="sc-ivTmOn dNJphr sc-cxabCf kEsRji"
@@ -90,7 +90,7 @@ exports[`Storyshots Core/Avatar With Image 1`] = `
     class="StyledGrommet-sc-19lkkz7-0 jbmlFX sc-fWIMVQ jMbSIt"
   >
     <div
-      class="StyledBox-sc-13pk1d4-0 bkfLqh StyledAvatar-sc-1suyamb-1 sc-egNfGp jwNySN"
+      class="StyledBox-sc-13pk1d4-0 bkfLqh StyledAvatar-sc-1suyamb-1 sc-ddcaxn cRGiDA"
     />
 
   </div>
@@ -103,7 +103,7 @@ exports[`Storyshots Core/Avatar With Last Name 1`] = `
     class="StyledGrommet-sc-19lkkz7-0 jbmlFX sc-fWIMVQ jMbSIt"
   >
     <div
-      class="StyledBox-sc-13pk1d4-0 kVFNVq StyledAvatar-sc-1suyamb-1 sc-egNfGp jwNySN"
+      class="StyledBox-sc-13pk1d4-0 kVFNVq StyledAvatar-sc-1suyamb-1 sc-ddcaxn cRGiDA"
     >
       <div
         class="sc-ivTmOn dNJphr sc-cxabCf kEsRji"

src/components/Breadcrumbs/__snapshots__/Breadcrumbs.stories.storyshot

@@ -19,7 +19,7 @@ exports[`Storyshots Core/Breadcrumbs Default 1`] = `
             class="sc-gKXOVf QRSBg sc-iBkjds gNjzDq sc-hHLeRK liHVdE"
           >
             <div
-              class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-hFrEEg iKIurY ftWzhq"
+              class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-egNfGp iKIurY jxbFQs"
             />
             <div
               class="sc-gKXOVf QRSBg sc-iBkjds dqCdat sc-hHLeRK iKIurY"
@@ -62,7 +62,7 @@ exports[`Storyshots Core/Breadcrumbs Default 1`] = `
             class="sc-gKXOVf QRSBg sc-iBkjds gNjzDq sc-hHLeRK liHVdE"
           >
             <div
-              class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-hFrEEg iKIurY ftWzhq"
+              class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-egNfGp iKIurY jxbFQs"
             />
             <div
               class="sc-gKXOVf QRSBg sc-iBkjds dqCdat sc-hHLeRK iKIurY"
@@ -105,7 +105,7 @@ exports[`Storyshots Core/Breadcrumbs Default 1`] = `
             class="sc-gKXOVf QRSBg sc-iBkjds gNjzDq sc-hHLeRK liHVdE"
           >
             <div
-              class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-hFrEEg iKIurY kHqFwK"
+              class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-egNfGp iKIurY haMNUc"
             />
             <div
               class="sc-gKXOVf QRSBg sc-iBkjds dqCdat sc-hHLeRK iKIurY"
@@ -176,7 +176,7 @@ exports[`Storyshots Core/Breadcrumbs Wrapped 1`] = `
               class="sc-gKXOVf QRSBg sc-iBkjds gNjzDq sc-hHLeRK liHVdE"
             >
               <div
-                class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-hFrEEg iKIurY ftWzhq"
+                class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-egNfGp iKIurY jxbFQs"
               />
               <div
                 class="sc-gKXOVf QRSBg sc-iBkjds dqCdat sc-hHLeRK iKIurY"
@@ -219,7 +219,7 @@ exports[`Storyshots Core/Breadcrumbs Wrapped 1`] = `
               class="sc-gKXOVf QRSBg sc-iBkjds gNjzDq sc-hHLeRK liHVdE"
             >
               <div
-                class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-hFrEEg iKIurY ftWzhq"
+                class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-egNfGp iKIurY jxbFQs"
               />
               <div
                 class="sc-gKXOVf QRSBg sc-iBkjds dqCdat sc-hHLeRK iKIurY"
@@ -262,7 +262,7 @@ exports[`Storyshots Core/Breadcrumbs Wrapped 1`] = `
               class="sc-gKXOVf QRSBg sc-iBkjds gNjzDq sc-hHLeRK liHVdE"
             >
               <div
-                class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-hFrEEg iKIurY kHqFwK"
+                class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-egNfGp iKIurY haMNUc"
               />
               <div
                 class="sc-gKXOVf QRSBg sc-iBkjds dqCdat sc-hHLeRK iKIurY"

src/components/Container/__snapshots__/Container.stories.storyshot

@@ -6,7 +6,7 @@ exports[`Storyshots Core/Container Centered Content 1`] = `
     class="StyledGrommet-sc-19lkkz7-0 jbmlFX sc-fWIMVQ jMbSIt"
   >
     <div
-      class="sc-gKXOVf QRSBg sc-iBkjds bkEkLP sc-jKDlA-D iNkNXJ sc-bTMaZy iamCcR"
+      class="sc-gKXOVf QRSBg sc-iBkjds bkEkLP sc-iWajrY dbYklC sc-jKDlA-D cLwCtV"
     >
       <h3
         class="sc-ciZhAO btUqKl sc-jdAMXn iwAvbM"
@@ -24,7 +24,7 @@ exports[`Storyshots Core/Container Default 1`] = `
     class="StyledGrommet-sc-19lkkz7-0 jbmlFX sc-fWIMVQ jMbSIt"
   >
     <div
-      class="sc-gKXOVf QRSBg sc-iBkjds bkEkLP sc-jKDlA-D loJEki sc-bTMaZy iamCcR"
+      class="sc-gKXOVf QRSBg sc-iBkjds bkEkLP sc-iWajrY kplmVJ sc-jKDlA-D cLwCtV"
     >
       <h3
         class="sc-ciZhAO btUqKl sc-jdAMXn iwAvbM"

src/components/Copy/__snapshots__/Copy.stories.storyshot

@@ -9,7 +9,7 @@ exports[`Storyshots Core/Copy Always Show 1`] = `
       class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-bBrHrO HodyL"
     >
       <div
-        class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-grVGCS iKIurY ikgPpo"
+        class="sc-gKXOVf QRSBg sc-iBkjds ipRjux sc-hHLeRK sc-iJkHyd iKIurY bAXBaZ"
       >
         <div
           class="sc-gKXOVf ckXSHX sc-iBkjds gNjzDq sc-hHLeRK eTSHtc"
@@ -18,7 +18,7 @@ exports[`Storyshots Core/Copy Always Show 1`] = `
             class="sc-fmrZth clkOUX"
           >
             <div
-              class="sc-eXBvqI jmlAON sc-kngDgl juYrxT"
+              class="sc-eXBvqI jmlAON sc-afnQL gYeoiq"
             >
               <div
                 data-display="table-head"