Merge pull request #601 from CodeForAfrica/chore/ui_update

Update Deps
CodeForAfrica · Sep 22, 2023 · 40ec020 · 40ec020
2 parents 63f55bd + 6ce84fc
commit 40ec020
Show file tree

Hide file tree

Showing 65 changed files with 9,463 additions and 12,344 deletions.
diff --git a/apps/charterafrica/package.json b/apps/charterafrica/package.json
@@ -36,9 +36,8 @@
     "db-rollback": "migrate-mongo down"
   },
   "dependencies": {
-    "@aws-sdk/abort-controller": "^3.310.0",
-    "@aws-sdk/client-s3": "^3.327.0",
-    "@aws-sdk/lib-storage": "^3.327.0",
+    "@aws-sdk/client-s3": "^3.417.0",
+    "@aws-sdk/lib-storage": "^3.417.0",
     "@commons-ui/core": "workspace:*",
     "@commons-ui/next": "workspace:*",
     "@emotion/cache": "^11.11.0",
@@ -47,7 +46,7 @@
     "@emotion/styled": "^11.11.0",
     "@mui/material": "^5.14.0",
     "@mui/utils": "^5.12.3",
-    "@next/env": "~13.3.4",
+    "@next/env": "^13.5.2",
     "@nivo/core": "^0.80.0",
     "@nivo/pie": "^0.80.0",
     "@nivo/tooltip": "^0.80.0",
@@ -63,7 +62,7 @@
     "migrate-mongo": "^10.0.0",
     "monaco-editor": "^0.38.0",
     "nanoid": "^4.0.2",
-    "next": "~13.4.11",
+    "next": "^13.5.2",
     "next-seo": "^5.15.0",
     "nodemailer-sendgrid": "^1.0.3",
     "payload": "^1.11.8",

diff --git a/apps/charterafrica/src/components/CommunityPlatforms/CommunityPlatforms.snap.js b/apps/charterafrica/src/components/CommunityPlatforms/CommunityPlatforms.snap.js
@@ -65,7 +65,7 @@ exports[`<CommunityPlatforms /> renders unchanged 1`] = `
               </div>
             </div>
             <a
-              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall active css-8kdj3b-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
+              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall active css-1mu9r82-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
               href="https://codeforafrica.org"
               rel="noreferrer noopener"
               tabindex="0"

diff --git a/apps/charterafrica/src/components/Dataset/Dataset.snap.js b/apps/charterafrica/src/components/Dataset/Dataset.snap.js
@@ -28,7 +28,7 @@ exports[`<Dataset /> renders unchanged 1`] = `
             class="MuiTypography-root MuiTypography-p1 css-l6prdf-MuiTypography-root"
           >
             <span
-              class="MuiTypography-root MuiTypography-inherit css-1ruhe-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-inherit css-dhy9gx-MuiTypography-root"
             >
               Created January 1, 2021
             </span>
@@ -37,7 +37,7 @@ exports[`<Dataset /> renders unchanged 1`] = `
             class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-4 css-1phk7xb-MuiGrid-root"
           >
             <div
-              class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-2n8s2x-MuiChip-root"
+              class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-1puf64w-MuiChip-root"
             >
               <span
                 class="MuiChip-label MuiChip-labelMedium css-6od3lo-MuiChip-label"
@@ -46,7 +46,7 @@ exports[`<Dataset /> renders unchanged 1`] = `
               </span>
             </div>
             <div
-              class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-euezk3-MuiChip-root"
+              class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-1g3w73k-MuiChip-root"
             >
               <span
                 class="MuiChip-label MuiChip-labelMedium css-6od3lo-MuiChip-label"
@@ -83,15 +83,15 @@ exports[`<Dataset /> renders unchanged 1`] = `
             Open Dataset
           </button>
           <div
-            class="MuiStack-root css-1fwy3an-MuiStack-root"
+            class="MuiStack-root css-1xe1uy8-MuiStack-root"
           >
             <div
               class="MuiTypography-root MuiTypography-p3 css-1orwtxp-MuiTypography-root"
             >
               Share Via
             </div>
             <div
-              class="MuiStack-root css-b6wkik-MuiStack-root"
+              class="MuiStack-root css-6za6r5-MuiStack-root"
             >
               <button
                 aria-label="twitter"

diff --git a/apps/charterafrica/src/components/DatasetCard/DatasetCard.snap.js b/apps/charterafrica/src/components/DatasetCard/DatasetCard.snap.js
@@ -58,7 +58,7 @@ exports[`<DatasetCard /> renders unchanged 1`] = `
             class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-4 css-6thyz8-MuiGrid-root"
           >
             <div
-              class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-2n8s2x-MuiChip-root"
+              class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-1puf64w-MuiChip-root"
             >
               <span
                 class="MuiChip-label MuiChip-labelMedium css-6od3lo-MuiChip-label"
@@ -67,7 +67,7 @@ exports[`<DatasetCard /> renders unchanged 1`] = `
               </span>
             </div>
             <div
-              class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-euezk3-MuiChip-root"
+              class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-1g3w73k-MuiChip-root"
             >
               <span
                 class="MuiChip-label MuiChip-labelMedium css-6od3lo-MuiChip-label"

diff --git a/apps/charterafrica/src/components/Datasets/DatasetFilterBar.snap.js b/apps/charterafrica/src/components/Datasets/DatasetFilterBar.snap.js
@@ -312,7 +312,7 @@ exports[`<DatasetFilterBar /> renders unchanged 1`] = `
           Datasets
         </button>
         <a
-          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-1lrcfc-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
+          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-zehdzx-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
           href="/documents"
           tabindex="0"
         >

diff --git a/apps/charterafrica/src/components/Datasets/Datasets.snap.js b/apps/charterafrica/src/components/Datasets/Datasets.snap.js
@@ -317,7 +317,7 @@ exports[`<Datasets /> renders unchanged 1`] = `
               Datasets
             </button>
             <a
-              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-1lrcfc-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
+              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-zehdzx-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
               href="/documents"
               tabindex="0"
             >

diff --git a/apps/charterafrica/src/components/DesktopNavBar/DesktopNavBar.snap.js b/apps/charterafrica/src/components/DesktopNavBar/DesktopNavBar.snap.js
@@ -9,7 +9,7 @@ exports[`<DesktopNavBar /> renders unchanged 1`] = `
       class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
     >
       <a
-        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root active css-1eqh9fg-MuiTypography-root-MuiLink-root-MuiButtonBase-root"
+        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root active css-ethxoc-MuiTypography-root-MuiLink-root-MuiButtonBase-root"
         href="/"
         tabindex="0"
       >

diff --git a/apps/charterafrica/src/components/Document/Document.snap.js b/apps/charterafrica/src/components/Document/Document.snap.js
@@ -41,7 +41,7 @@ exports[`<Document /> renders unchanged 1`] = `
           class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-[object Object] MuiGrid-grid-xs-12 MuiGrid-grid-md-4 css-19fdzmu-MuiGrid-root"
         >
           <a
-            class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium active css-1cjcswz-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
+            class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium active css-1gwheos-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
             href="/"
             tabindex="0"
           >
@@ -56,15 +56,15 @@ exports[`<Document /> renders unchanged 1`] = `
             class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-mqmitf-MuiGrid-root"
           >
             <div
-              class="MuiStack-root css-m2meqv-MuiStack-root"
+              class="MuiStack-root css-plcmrn-MuiStack-root"
             >
               <div
                 class="MuiTypography-root MuiTypography-p3 css-1orwtxp-MuiTypography-root"
               >
                 Share this document
               </div>
               <div
-                class="MuiStack-root css-b6wkik-MuiStack-root"
+                class="MuiStack-root css-6za6r5-MuiStack-root"
               >
                 <button
                   aria-label="twitter"

diff --git a/apps/charterafrica/src/components/Documents/Documents.snap.js b/apps/charterafrica/src/components/Documents/Documents.snap.js
@@ -144,7 +144,7 @@ exports[`<Documents /> renders unchanged 1`] = `
                 :
               </p>
               <a
-                class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-etikzf-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
+                class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-17xaaej-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
                 href="/datasets"
                 tabindex="0"
               >

diff --git a/apps/charterafrica/src/components/Entity/Entity.snap.js b/apps/charterafrica/src/components/Entity/Entity.snap.js
@@ -56,7 +56,7 @@ exports[`<OrgAndContributor /> renders unchanged 1`] = `
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             >
               <a
-                class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1sa2x3w-MuiTypography-root-MuiLink-root"
+                class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-rl8zr9-MuiTypography-root-MuiLink-root"
                 href="maito:[email protected]"
               >
                 <div
@@ -70,7 +70,7 @@ exports[`<OrgAndContributor /> renders unchanged 1`] = `
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             >
               <a
-                class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-j4i3qf-MuiTypography-root-MuiLink-root"
+                class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-4xpak5-MuiTypography-root-MuiLink-root"
                 href="https://github.com/johndoe"
                 rel="noreferrer noopener"
                 target="_blank"

diff --git a/apps/charterafrica/src/components/Error/Error.snap.js b/apps/charterafrica/src/components/Error/Error.snap.js
@@ -35,7 +35,7 @@ exports[`<Error /> renders unchanged 1`] = `
         </p>
       </div>
       <a
-        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium active css-z82s12-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
+        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium active css-x1hbuq-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
         href="/"
         tabindex="0"
       >

diff --git a/apps/charterafrica/src/components/ErrorPage/ErrorPage.snap.js b/apps/charterafrica/src/components/ErrorPage/ErrorPage.snap.js
@@ -35,7 +35,7 @@ exports[`<ErrorPage /> renders unchanged 1`] = `
         </p>
       </div>
       <a
-        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium active css-z82s12-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
+        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium active css-x1hbuq-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
         href="/"
         tabindex="0"
       >

diff --git a/apps/charterafrica/src/components/FeaturedPostCard/FeaturedPostCard.snap.js b/apps/charterafrica/src/components/FeaturedPostCard/FeaturedPostCard.snap.js
@@ -20,7 +20,7 @@ exports[`FeaturedPostCard should render 1`] = `
           class="MuiCardContent-root css-cnb62q-MuiCardContent-root"
         >
           <div
-            class="MuiStack-root css-ki96yg-MuiStack-root"
+            class="MuiStack-root css-1nza621-MuiStack-root"
           >
             <div
               class="MuiTypography-root MuiTypography-h2SemiBold css-1j0n21l-MuiTypography-root"
@@ -37,7 +37,7 @@ exports[`FeaturedPostCard should render 1`] = `
               </h6>
             </div>
             <div
-              class="MuiStack-root css-11sh0dx-MuiStack-root"
+              class="MuiStack-root css-1262us1-MuiStack-root"
             >
               <div
                 class="MuiTypography-root MuiTypography-p1 css-iui9m1-MuiTypography-root"

diff --git a/apps/charterafrica/src/components/NavBar/NavBar.snap.js b/apps/charterafrica/src/components/NavBar/NavBar.snap.js
@@ -18,7 +18,7 @@ exports[`<NavBar /> renders unchanged 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <a
-              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root active css-phlgu5-MuiTypography-root-MuiLink-root-MuiButtonBase-root"
+              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root active css-13uxck9-MuiTypography-root-MuiLink-root-MuiButtonBase-root"
               href="/"
               tabindex="0"
             >
@@ -57,7 +57,7 @@ exports[`<NavBar /> renders unchanged 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <a
-              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root active css-1eqh9fg-MuiTypography-root-MuiLink-root-MuiButtonBase-root"
+              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root active css-ethxoc-MuiTypography-root-MuiLink-root-MuiButtonBase-root"
               href="/"
               tabindex="0"
             >

diff --git a/apps/charterafrica/src/components/Opportunity/Opportunity.snap.js b/apps/charterafrica/src/components/Opportunity/Opportunity.snap.js
@@ -63,7 +63,7 @@ exports[`<Opportunity /> renders unchanged 1`] = `
               class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
             >
               <a
-                class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-ha43w0-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
+                class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-16rmfqp-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
                 href="/opportunities/felloships/grants/research-title-goes-here-and-spans-over-second-line"
                 tabindex="0"
               >

diff --git a/apps/charterafrica/src/components/OpportunityCard/OpportunityCard.snap.js b/apps/charterafrica/src/components/OpportunityCard/OpportunityCard.snap.js
@@ -6,7 +6,7 @@ exports[`<OpportunityCard /> renders unchanged 1`] = `
     class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-s80wf8-MuiPaper-root-MuiCard-root"
   >
     <a
-      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiCardActionArea-root active css-1or7qmu-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiCardActionArea-root"
+      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiCardActionArea-root active css-1j8g7zj-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiCardActionArea-root"
       href="/"
       tabindex="0"
     >

diff --git a/apps/charterafrica/src/components/RichText/RichText.snap.js b/apps/charterafrica/src/components/RichText/RichText.snap.js
@@ -20,7 +20,7 @@ exports[`<RichText /> renders unchanged 1`] = `
     >
       The project currently supports initiatives in 11 countries. Find out more 
       <a
-        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways active css-1sa2x3w-MuiTypography-root-MuiLink-root"
+        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways active css-rl8zr9-MuiTypography-root-MuiLink-root"
         href="/"
       >
         here

diff --git a/apps/charterafrica/src/components/ShareThisPage/ShareThisPage.snap.js b/apps/charterafrica/src/components/ShareThisPage/ShareThisPage.snap.js
@@ -3,15 +3,15 @@
 exports[`<ShareThisPage /> renders unchanged 1`] = `
 <div>
   <div
-    class="MuiStack-root css-j378z1-MuiStack-root"
+    class="MuiStack-root css-v2woy3-MuiStack-root"
   >
     <div
       class="MuiTypography-root MuiTypography-p3 css-1orwtxp-MuiTypography-root"
     >
       Sample Title
     </div>
     <div
-      class="MuiStack-root css-b6wkik-MuiStack-root"
+      class="MuiStack-root css-6za6r5-MuiStack-root"
     >
       <button
         aria-label="twitter"

diff --git a/apps/charterafrica/src/components/SocialMediaBar/SocialMediaBar.snap.js b/apps/charterafrica/src/components/SocialMediaBar/SocialMediaBar.snap.js
@@ -3,15 +3,15 @@
 exports[`<SocialMediaBar /> renders unchanged 1`] = `
 <div>
   <div
-    class="MuiStack-root css-j378z1-MuiStack-root"
+    class="MuiStack-root css-v2woy3-MuiStack-root"
   >
     <div
       class="MuiTypography-root MuiTypography-p3 css-1orwtxp-MuiTypography-root"
     >
       Connect with: 
     </div>
     <div
-      class="MuiStack-root css-b6wkik-MuiStack-root"
+      class="MuiStack-root css-6za6r5-MuiStack-root"
     />
   </div>
 </div>