From 21366fdf44f4de98eef8357dcd580b616bf801b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ervin=20R=C3=A1cz?= <ervin.racz@protonmail.com>
Date: Thu, 19 Dec 2024 10:34:49 +0200
Subject: [PATCH] frontend: snapshots updated

the style had to be brough back with the previous commits to the
original state, so snapshots have changed again
---
 .../__snapshots__/ListSearch.spec.js.snap     |   2 +-
 .../__snapshots__/SectionHeader.spec.js.snap  |   4 +-
 .../ActivityContainer.stories.storyshot       |  48 +++----
 .../ActivityItem.stories.storyshot            |  10 +-
 .../ActivityList.stories.storyshot            |  12 +-
 .../ApplicationItem.stories.storyshot         |  36 ++----
 .../ApplicationList.stories.storyshot         | 120 +++++-------------
 .../ChannelItem.stories.storyshot             |  12 +-
 .../__snapshots__/GroupItem.stories.storyshot |  50 ++++----
 .../AutoCompletePicker.stories.storyshot      |   8 +-
 .../Card/__snapshots__/Card.stories.storyshot |  40 +++---
 11 files changed, 136 insertions(+), 206 deletions(-)

diff --git a/frontend/src/__tests__/Common/__snapshots__/ListSearch.spec.js.snap b/frontend/src/__tests__/Common/__snapshots__/ListSearch.spec.js.snap
index a4cb7988c..aaeb59012 100644
--- a/frontend/src/__tests__/Common/__snapshots__/ListSearch.spec.js.snap
+++ b/frontend/src/__tests__/Common/__snapshots__/ListSearch.spec.js.snap
@@ -6,7 +6,7 @@ exports[`List Search should render correct ListSearch 1`] = `
     class="makeStyles-container-1"
   >
     <div
-      class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary makeStyles-input-2 css-z41pft-MuiInputBase-root-MuiInput-root"
+      class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary makeStyles-input-2 css-7n36ng-MuiInputBase-root-MuiInput-root"
     >
       <input
         aria-label="undefined"
diff --git a/frontend/src/__tests__/Common/__snapshots__/SectionHeader.spec.js.snap b/frontend/src/__tests__/Common/__snapshots__/SectionHeader.spec.js.snap
index 4204cbef0..41a934a76 100644
--- a/frontend/src/__tests__/Common/__snapshots__/SectionHeader.spec.js.snap
+++ b/frontend/src/__tests__/Common/__snapshots__/SectionHeader.spec.js.snap
@@ -10,7 +10,7 @@ exports[`Section Header renders section header correctly 1`] = `
     >
       <nav
         aria-label="breadcrumbs"
-        class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-ojlt14-MuiTypography-root-MuiBreadcrumbs-root"
+        class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-jgnk98-MuiTypography-root-MuiBreadcrumbs-root"
       >
         <ol
           class="MuiBreadcrumbs-ol css-4pdmu4-MuiBreadcrumbs-ol"
@@ -49,7 +49,7 @@ exports[`Section Header renders section header correctly 1`] = `
             class="MuiBreadcrumbs-li"
           >
             <p
-              class="MuiTypography-root MuiTypography-body1 css-1uzamrc-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 css-1uifdn6-MuiTypography-root"
             >
               Flatcar
             </p>
diff --git a/frontend/src/components/Activity/__snapshots__/ActivityContainer.stories.storyshot b/frontend/src/components/Activity/__snapshots__/ActivityContainer.stories.storyshot
index 49ce2625f..44cce1292 100644
--- a/frontend/src/components/Activity/__snapshots__/ActivityContainer.stories.storyshot
+++ b/frontend/src/components/Activity/__snapshots__/ActivityContainer.stories.storyshot
@@ -31,7 +31,7 @@ exports[`Storyshots activity/ActivityContainer Empty 1`] = `
         class="MuiBox-root css-19midj6"
       >
         <p
-          class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-18lkse1-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-ii1goy-MuiTypography-root"
           data-testid="empty"
         >
           No activity found for the last week.
@@ -79,7 +79,7 @@ exports[`Storyshots activity/ActivityContainer List 1`] = `
           class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
         >
           <p
-            class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1ezega9-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1s23nr9-MuiTypography-root"
           >
             Wednesday, May 13, 2020
           </p>
@@ -120,7 +120,7 @@ exports[`Storyshots activity/ActivityContainer List 1`] = `
                       class="MuiBox-root css-0"
                     >
                       <p
-                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
                       >
                         ABC
                       </p>
@@ -131,7 +131,7 @@ exports[`Storyshots activity/ActivityContainer List 1`] = `
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
                   >
                     02:56 PM
                   </p>
@@ -177,7 +177,7 @@ exports[`Storyshots activity/ActivityContainer List 1`] = `
                       class="MuiBox-root css-0"
                     >
                       <p
-                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
                       >
                         DEF
                       </p>
@@ -188,7 +188,7 @@ exports[`Storyshots activity/ActivityContainer List 1`] = `
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
                   >
                     02:55 PM
                   </p>
@@ -215,12 +215,12 @@ exports[`Storyshots activity/ActivityContainer List 1`] = `
                 class="MuiTablePagination-spacer css-1psng7p-MuiTablePagination-spacer"
               />
               <p
-                class="MuiTablePagination-selectLabel css-tjonbb-MuiTablePagination-selectLabel"
+                class="MuiTablePagination-selectLabel makeStyles-selectLabel css-tjonbb-MuiTablePagination-selectLabel"
               >
                 Rows per page:
               </p>
               <div
-                class="MuiInputBase-root MuiInputBase-colorPrimary MuiTablePagination-input css-nofh0z-MuiInputBase-root-MuiTablePagination-select"
+                class="MuiInputBase-root MuiInputBase-colorPrimary MuiTablePagination-input css-1iqud9t-MuiInputBase-root-MuiTablePagination-select"
               >
                 <div
                   aria-expanded="false"
@@ -251,7 +251,7 @@ exports[`Storyshots activity/ActivityContainer List 1`] = `
                 </svg>
               </div>
               <p
-                class="MuiTablePagination-displayedRows css-m2d60k-MuiTablePagination-displayedRows"
+                class="MuiTablePagination-displayedRows makeStyles-displayedRows css-m2d60k-MuiTablePagination-displayedRows"
               >
                 1–2 of 2
               </p>
@@ -342,7 +342,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
           class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
         >
           <p
-            class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1ezega9-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1s23nr9-MuiTypography-root"
           >
             Wednesday, May 13, 2020
           </p>
@@ -383,7 +383,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                       class="MuiBox-root css-0"
                     >
                       <p
-                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
                       >
                         ABC
                       </p>
@@ -394,7 +394,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
                   >
                     02:56 PM
                   </p>
@@ -440,7 +440,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                       class="MuiBox-root css-0"
                     >
                       <p
-                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
                       >
                         DEF
                       </p>
@@ -451,7 +451,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
                   >
                     02:55 PM
                   </p>
@@ -465,7 +465,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
             </li>
           </ul>
           <p
-            class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1ezega9-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1s23nr9-MuiTypography-root"
           >
             Thursday, May 14, 2020
           </p>
@@ -506,7 +506,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                       class="MuiBox-root css-0"
                     >
                       <p
-                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
                       >
                         DEB
                       </p>
@@ -517,7 +517,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
                   >
                     02:56 PM
                   </p>
@@ -563,7 +563,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                       class="MuiBox-root css-0"
                     >
                       <p
-                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
                       >
                         DOF
                       </p>
@@ -574,7 +574,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
                   >
                     02:55 PM
                   </p>
@@ -620,7 +620,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                       class="MuiBox-root css-0"
                     >
                       <p
-                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+                        class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
                       >
                         DAL
                       </p>
@@ -631,7 +631,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
                   >
                     02:56 PM
                   </p>
@@ -658,12 +658,12 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                 class="MuiTablePagination-spacer css-1psng7p-MuiTablePagination-spacer"
               />
               <p
-                class="MuiTablePagination-selectLabel css-tjonbb-MuiTablePagination-selectLabel"
+                class="MuiTablePagination-selectLabel makeStyles-selectLabel css-tjonbb-MuiTablePagination-selectLabel"
               >
                 Rows per page:
               </p>
               <div
-                class="MuiInputBase-root MuiInputBase-colorPrimary MuiTablePagination-input css-nofh0z-MuiInputBase-root-MuiTablePagination-select"
+                class="MuiInputBase-root MuiInputBase-colorPrimary MuiTablePagination-input css-1iqud9t-MuiInputBase-root-MuiTablePagination-select"
               >
                 <div
                   aria-expanded="false"
@@ -694,7 +694,7 @@ exports[`Storyshots activity/ActivityContainer Multiple Days 1`] = `
                 </svg>
               </div>
               <p
-                class="MuiTablePagination-displayedRows css-m2d60k-MuiTablePagination-displayedRows"
+                class="MuiTablePagination-displayedRows makeStyles-displayedRows css-m2d60k-MuiTablePagination-displayedRows"
               >
                 1–5 of 6
               </p>
diff --git a/frontend/src/components/Activity/__snapshots__/ActivityItem.stories.storyshot b/frontend/src/components/Activity/__snapshots__/ActivityItem.stories.storyshot
index 22388ff2c..06d2b477e 100644
--- a/frontend/src/components/Activity/__snapshots__/ActivityItem.stories.storyshot
+++ b/frontend/src/components/Activity/__snapshots__/ActivityItem.stories.storyshot
@@ -38,7 +38,7 @@ exports[`Storyshots activity/ActivityItem Activity Channel Package Updated 1`] =
             class="MuiBox-root css-0"
           >
             <p
-              class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
             >
               some app
             </p>
@@ -49,7 +49,7 @@ exports[`Storyshots activity/ActivityItem Activity Channel Package Updated 1`] =
         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
       >
         <p
-          class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
         >
           02:56 PM
         </p>
@@ -102,7 +102,7 @@ exports[`Storyshots activity/ActivityItem Warning 1`] = `
             class="MuiBox-root css-0"
           >
             <p
-              class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
             >
               some app
             </p>
@@ -113,7 +113,7 @@ exports[`Storyshots activity/ActivityItem Warning 1`] = `
         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
       >
         <p
-          class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
         >
           02:56 PM
         </p>
@@ -125,7 +125,7 @@ exports[`Storyshots activity/ActivityItem Warning 1`] = `
           class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
         >
           <p
-            class="MuiTypography-root MuiTypography-body1 css-1mbqoep-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 css-cb7ys4-MuiTypography-root"
           >
             GROUP
           </p>
diff --git a/frontend/src/components/Activity/__snapshots__/ActivityList.stories.storyshot b/frontend/src/components/Activity/__snapshots__/ActivityList.stories.storyshot
index 7391a70d2..06e84fc8c 100644
--- a/frontend/src/components/Activity/__snapshots__/ActivityList.stories.storyshot
+++ b/frontend/src/components/Activity/__snapshots__/ActivityList.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots activity/ActivityList Beta List 1`] = `
   id="root"
 >
   <p
-    class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1ezega9-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1s23nr9-MuiTypography-root"
   >
     Wednesday, May 13, 2020
   </p>
@@ -46,7 +46,7 @@ exports[`Storyshots activity/ActivityList Beta List 1`] = `
               class="MuiBox-root css-0"
             >
               <p
-                class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
               >
                 ABC
               </p>
@@ -57,7 +57,7 @@ exports[`Storyshots activity/ActivityList Beta List 1`] = `
           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
         >
           <p
-            class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
           >
             02:56 PM
           </p>
@@ -103,7 +103,7 @@ exports[`Storyshots activity/ActivityList Beta List 1`] = `
               class="MuiBox-root css-0"
             >
               <p
-                class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-appName css-1s23nr9-MuiTypography-root"
               >
                 DEF
               </p>
@@ -114,7 +114,7 @@ exports[`Storyshots activity/ActivityList Beta List 1`] = `
           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 css-1o7apob-MuiGrid-root"
         >
           <p
-            class="MuiTypography-root MuiTypography-body1 makeStyles-time css-3mzles-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-time css-b4h4sf-MuiTypography-root"
           >
             02:55 PM
           </p>
@@ -135,7 +135,7 @@ exports[`Storyshots activity/ActivityList Empty 1`] = `
   id="root"
 >
   <p
-    class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1ezega9-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 makeStyles-listTitle css-1s23nr9-MuiTypography-root"
   >
     Wednesday, May 13, 2020
   </p>
diff --git a/frontend/src/components/Applications/__snapshots__/ApplicationItem.stories.storyshot b/frontend/src/components/Applications/__snapshots__/ApplicationItem.stories.storyshot
index 7edab8439..af4b13a47 100644
--- a/frontend/src/components/Applications/__snapshots__/ApplicationItem.stories.storyshot
+++ b/frontend/src/components/Applications/__snapshots__/ApplicationItem.stories.storyshot
@@ -42,7 +42,7 @@ exports[`Storyshots applications/ApplicationItem Application 1`] = `
               >
                 <p
                   arial-label="group-id"
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
                 >
                   xxx-xxx-yyy
                 </p>
@@ -51,7 +51,7 @@ exports[`Storyshots applications/ApplicationItem Application 1`] = `
                 class="MuiBox-root css-1yuhvjn"
               >
                 <span
-                  class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
                 >
                   App Item Description
                 </span>
@@ -106,12 +106,12 @@ exports[`Storyshots applications/ApplicationItem Application 1`] = `
               class="MuiBox-root css-1yuhvjn"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
               >
                 INSTANCES
               </span>
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
               >
                 <h5
                   class="MuiTypography-root MuiTypography-h5 css-xqgeko-MuiTypography-root"
@@ -162,7 +162,7 @@ exports[`Storyshots applications/ApplicationItem Application 1`] = `
               class="MuiBox-root css-10wfmn8"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
               >
                 Groups
               </span>
@@ -170,7 +170,7 @@ exports[`Storyshots applications/ApplicationItem Application 1`] = `
                 class="MuiBox-root css-1t04ftt"
               >
                 <span
-                  class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                 >
                   1
                 </span>
@@ -229,17 +229,7 @@ exports[`Storyshots applications/ApplicationItem Application 1`] = `
                       <div
                         class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault makeStyles-colorAvatar makeStyles-colorAvatar css-kz5aim-MuiAvatar-root"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-10mi8st-MuiSvgIcon-root-MuiAvatar-fallback"
-                          data-testid="PersonIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-                          />
-                        </svg>
+                         
                       </div>
                     </div>
                     <div
@@ -355,7 +345,7 @@ exports[`Storyshots applications/ApplicationItem No Groups 1`] = `
               >
                 <p
                   arial-label="group-id"
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
                 >
                   xxx-xxx-yyy
                 </p>
@@ -364,7 +354,7 @@ exports[`Storyshots applications/ApplicationItem No Groups 1`] = `
                 class="MuiBox-root css-1yuhvjn"
               >
                 <span
-                  class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
                 >
                   App Item Description
                 </span>
@@ -419,12 +409,12 @@ exports[`Storyshots applications/ApplicationItem No Groups 1`] = `
               class="MuiBox-root css-1yuhvjn"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
               >
                 INSTANCES
               </span>
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
               >
                 <h5
                   class="MuiTypography-root MuiTypography-h5 css-xqgeko-MuiTypography-root"
@@ -475,7 +465,7 @@ exports[`Storyshots applications/ApplicationItem No Groups 1`] = `
               class="MuiBox-root css-10wfmn8"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
               >
                 Groups
               </span>
@@ -483,7 +473,7 @@ exports[`Storyshots applications/ApplicationItem No Groups 1`] = `
                 class="MuiBox-root css-1t04ftt"
               >
                 <span
-                  class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                 >
                   None
                 </span>
diff --git a/frontend/src/components/Applications/__snapshots__/ApplicationList.stories.storyshot b/frontend/src/components/Applications/__snapshots__/ApplicationList.stories.storyshot
index 116f06b61..ca7658388 100644
--- a/frontend/src/components/Applications/__snapshots__/ApplicationList.stories.storyshot
+++ b/frontend/src/components/Applications/__snapshots__/ApplicationList.stories.storyshot
@@ -93,7 +93,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                   >
                     <p
                       arial-label="group-id"
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
                     >
                       xxx-xxx-yyy
                     </p>
@@ -102,7 +102,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                     class="MuiBox-root css-1yuhvjn"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
                     >
                       App Item Description
                     </span>
@@ -157,12 +157,12 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                   class="MuiBox-root css-1yuhvjn"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     INSTANCES
                   </span>
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                   >
                     <h5
                       class="MuiTypography-root MuiTypography-h5 css-xqgeko-MuiTypography-root"
@@ -213,7 +213,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                   class="MuiBox-root css-10wfmn8"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     Groups
                   </span>
@@ -221,7 +221,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                     class="MuiBox-root css-1t04ftt"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                     >
                       1
                     </span>
@@ -280,17 +280,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                           <div
                             class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault makeStyles-colorAvatar makeStyles-colorAvatar css-kz5aim-MuiAvatar-root"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-10mi8st-MuiSvgIcon-root-MuiAvatar-fallback"
-                              data-testid="PersonIcon"
-                              focusable="false"
-                              viewBox="0 0 24 24"
-                            >
-                              <path
-                                d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-                              />
-                            </svg>
+                             
                           </div>
                         </div>
                         <div
@@ -399,7 +389,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                   >
                     <p
                       arial-label="group-id"
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
                     >
                       xxx-xxx-yyy
                     </p>
@@ -408,7 +398,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                     class="MuiBox-root css-1yuhvjn"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
                     >
                       App Item Description
                     </span>
@@ -463,12 +453,12 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                   class="MuiBox-root css-1yuhvjn"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     INSTANCES
                   </span>
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                   >
                     <h5
                       class="MuiTypography-root MuiTypography-h5 css-xqgeko-MuiTypography-root"
@@ -519,7 +509,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                   class="MuiBox-root css-10wfmn8"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     Groups
                   </span>
@@ -527,7 +517,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                     class="MuiBox-root css-1t04ftt"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                     >
                       1
                     </span>
@@ -586,17 +576,7 @@ exports[`Storyshots applications/ApplicationList Applications 1`] = `
                           <div
                             class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault makeStyles-colorAvatar makeStyles-colorAvatar css-kz5aim-MuiAvatar-root"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-10mi8st-MuiSvgIcon-root-MuiAvatar-fallback"
-                              data-testid="PersonIcon"
-                              focusable="false"
-                              viewBox="0 0 24 24"
-                            >
-                              <path
-                                d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-                              />
-                            </svg>
+                             
                           </div>
                         </div>
                         <div
@@ -765,7 +745,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                   >
                     <p
                       arial-label="group-id"
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
                     >
                       xxx-xxx-yyy
                     </p>
@@ -774,7 +754,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                     class="MuiBox-root css-1yuhvjn"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
                     >
                       App Item Description
                     </span>
@@ -829,12 +809,12 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                   class="MuiBox-root css-1yuhvjn"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     INSTANCES
                   </span>
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                   >
                     <h5
                       class="MuiTypography-root MuiTypography-h5 css-xqgeko-MuiTypography-root"
@@ -885,7 +865,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                   class="MuiBox-root css-10wfmn8"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     Groups
                   </span>
@@ -893,7 +873,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                     class="MuiBox-root css-1t04ftt"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                     >
                       1
                     </span>
@@ -952,17 +932,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                           <div
                             class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault makeStyles-colorAvatar makeStyles-colorAvatar css-kz5aim-MuiAvatar-root"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-10mi8st-MuiSvgIcon-root-MuiAvatar-fallback"
-                              data-testid="PersonIcon"
-                              focusable="false"
-                              viewBox="0 0 24 24"
-                            >
-                              <path
-                                d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-                              />
-                            </svg>
+                             
                           </div>
                         </div>
                         <div
@@ -1071,7 +1041,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                   >
                     <p
                       arial-label="group-id"
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
                     >
                       xxx-xxx-yyy
                     </p>
@@ -1080,7 +1050,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                     class="MuiBox-root css-1yuhvjn"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
                     >
                       App Item Description
                     </span>
@@ -1135,12 +1105,12 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                   class="MuiBox-root css-1yuhvjn"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     INSTANCES
                   </span>
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                   >
                     <h5
                       class="MuiTypography-root MuiTypography-h5 css-xqgeko-MuiTypography-root"
@@ -1191,7 +1161,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                   class="MuiBox-root css-10wfmn8"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     Groups
                   </span>
@@ -1199,7 +1169,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                     class="MuiBox-root css-1t04ftt"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                     >
                       1
                     </span>
@@ -1258,17 +1228,7 @@ exports[`Storyshots applications/ApplicationList Edit Open 1`] = `
                           <div
                             class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault makeStyles-colorAvatar makeStyles-colorAvatar css-kz5aim-MuiAvatar-root"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-10mi8st-MuiSvgIcon-root-MuiAvatar-fallback"
-                              data-testid="PersonIcon"
-                              focusable="false"
-                              viewBox="0 0 24 24"
-                            >
-                              <path
-                                d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-                              />
-                            </svg>
+                             
                           </div>
                         </div>
                         <div
@@ -1521,7 +1481,7 @@ exports[`Storyshots applications/ApplicationList Search Term 1`] = `
                   >
                     <p
                       arial-label="group-id"
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
                     >
                       xxx-xxx-yyy
                     </p>
@@ -1530,7 +1490,7 @@ exports[`Storyshots applications/ApplicationList Search Term 1`] = `
                     class="MuiBox-root css-1yuhvjn"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
                     >
                       App Item Description
                     </span>
@@ -1585,12 +1545,12 @@ exports[`Storyshots applications/ApplicationList Search Term 1`] = `
                   class="MuiBox-root css-1yuhvjn"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     INSTANCES
                   </span>
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                   >
                     <h5
                       class="MuiTypography-root MuiTypography-h5 css-xqgeko-MuiTypography-root"
@@ -1641,7 +1601,7 @@ exports[`Storyshots applications/ApplicationList Search Term 1`] = `
                   class="MuiBox-root css-10wfmn8"
                 >
                   <span
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
                   >
                     Groups
                   </span>
@@ -1649,7 +1609,7 @@ exports[`Storyshots applications/ApplicationList Search Term 1`] = `
                     class="MuiBox-root css-1t04ftt"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
                     >
                       1
                     </span>
@@ -1708,17 +1668,7 @@ exports[`Storyshots applications/ApplicationList Search Term 1`] = `
                           <div
                             class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault makeStyles-colorAvatar makeStyles-colorAvatar css-kz5aim-MuiAvatar-root"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-10mi8st-MuiSvgIcon-root-MuiAvatar-fallback"
-                              data-testid="PersonIcon"
-                              focusable="false"
-                              viewBox="0 0 24 24"
-                            >
-                              <path
-                                d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-                              />
-                            </svg>
+                             
                           </div>
                         </div>
                         <div
diff --git a/frontend/src/components/Channels/__snapshots__/ChannelItem.stories.storyshot b/frontend/src/components/Channels/__snapshots__/ChannelItem.stories.storyshot
index d609762e4..e74c1d241 100644
--- a/frontend/src/components/Channels/__snapshots__/ChannelItem.stories.storyshot
+++ b/frontend/src/components/Channels/__snapshots__/ChannelItem.stories.storyshot
@@ -16,17 +16,7 @@ exports[`Storyshots channels/ChannelItem App View 1`] = `
         <div
           class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault makeStyles-colorAvatar makeStyles-colorAvatar css-kz5aim-MuiAvatar-root"
         >
-          <svg
-            aria-hidden="true"
-            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiAvatar-fallback css-10mi8st-MuiSvgIcon-root-MuiAvatar-fallback"
-            data-testid="PersonIcon"
-            focusable="false"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-            />
-          </svg>
+           
         </div>
       </div>
       <div
diff --git a/frontend/src/components/Groups/__snapshots__/GroupItem.stories.storyshot b/frontend/src/components/Groups/__snapshots__/GroupItem.stories.storyshot
index 7a67d7dde..da3aed0f7 100644
--- a/frontend/src/components/Groups/__snapshots__/GroupItem.stories.storyshot
+++ b/frontend/src/components/Groups/__snapshots__/GroupItem.stories.storyshot
@@ -42,7 +42,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
               >
                 <p
                   arial-label="group-id"
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
                 >
                   stable
                 </p>
@@ -51,7 +51,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
                 class="MuiBox-root css-1yuhvjn"
               >
                 <span
-                  class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
                 >
                   For production clusters (ARM)
                 </span>
@@ -103,7 +103,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <span
-              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
             >
               Instances
             </span>
@@ -111,7 +111,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
               class="MuiBox-root css-0"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
               >
                 2
               </span>
@@ -136,7 +136,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
                   class="MuiBox-root css-1hsc5oo"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-last24hours css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-last24hours css-1s23nr9-MuiTypography-root"
                   >
                     last 24 hours
                   </p>
@@ -159,7 +159,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <span
-              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
             >
               Channel
             </span>
@@ -212,7 +212,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <span
-              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
             >
               Updates
             </span>
@@ -220,7 +220,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
               class="MuiBox-root css-1hply4a"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
               >
                 <div
                   class="MuiBox-root css-k008qs"
@@ -253,7 +253,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <span
-              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
             >
               Rollout Policy
             </span>
@@ -261,7 +261,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
               class="MuiBox-root css-1hply4a"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
               >
                 Unlimited number of parallel updates
               </span>
@@ -274,7 +274,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
               class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1idn90j-MuiGrid-root"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
               >
                 Version breakdown
               </span>
@@ -286,7 +286,7 @@ exports[`Storyshots groups/GroupItem Group 1`] = `
                 class="MuiBox-root css-19midj6"
               >
                 <p
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-18lkse1-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-ii1goy-MuiTypography-root"
                   data-testid="empty"
                 >
                   No instances available.
@@ -343,7 +343,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
               >
                 <p
                   arial-label="group-id"
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
                 >
                   stable
                 </p>
@@ -352,7 +352,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
                 class="MuiBox-root css-1yuhvjn"
               >
                 <span
-                  class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
                 >
                   For production clusters (ARM)
                 </span>
@@ -404,7 +404,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <span
-              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
             >
               Instances
             </span>
@@ -412,13 +412,13 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
               class="MuiBox-root css-0"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
               >
                 <div
                   class="MuiBox-root css-19midj6"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-18lkse1-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-ii1goy-MuiTypography-root"
                     data-testid="empty"
                   >
                     Loading...
@@ -446,7 +446,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
                   class="MuiBox-root css-1hsc5oo"
                 >
                   <p
-                    class="MuiTypography-root MuiTypography-body1 makeStyles-last24hours css-1ezega9-MuiTypography-root"
+                    class="MuiTypography-root MuiTypography-body1 makeStyles-last24hours css-1s23nr9-MuiTypography-root"
                   >
                     last 24 hours
                   </p>
@@ -469,7 +469,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <span
-              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
             >
               Channel
             </span>
@@ -522,7 +522,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <span
-              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
             >
               Updates
             </span>
@@ -530,7 +530,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
               class="MuiBox-root css-1hply4a"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
               >
                 <div
                   class="MuiBox-root css-k008qs"
@@ -563,7 +563,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
             class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <span
-              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
             >
               Rollout Policy
             </span>
@@ -571,7 +571,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
               class="MuiBox-root css-1hply4a"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
               >
                 Unlimited number of parallel updates
               </span>
@@ -584,7 +584,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
               class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1idn90j-MuiGrid-root"
             >
               <span
-                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+                class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
               >
                 Version breakdown
               </span>
@@ -596,7 +596,7 @@ exports[`Storyshots groups/GroupItem Loading 1`] = `
                 class="MuiBox-root css-19midj6"
               >
                 <p
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-18lkse1-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 MuiTypography-alignCenter css-ii1goy-MuiTypography-root"
                   data-testid="empty"
                 >
                   Loading...
diff --git a/frontend/src/components/common/AutoCompletePicker/__snapshots__/AutoCompletePicker.stories.storyshot b/frontend/src/components/common/AutoCompletePicker/__snapshots__/AutoCompletePicker.stories.storyshot
index 82f675c5c..2227acb1b 100644
--- a/frontend/src/components/common/AutoCompletePicker/__snapshots__/AutoCompletePicker.stories.storyshot
+++ b/frontend/src/components/common/AutoCompletePicker/__snapshots__/AutoCompletePicker.stories.storyshot
@@ -9,13 +9,13 @@ exports[`Storyshots AutoCompletePicker Closed 1`] = `
       class="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
     >
       <label
-        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-l982uk-MuiFormLabel-root-MuiInputLabel-root"
+        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-dyxksa-MuiFormLabel-root-MuiInputLabel-root"
         data-shrink="true"
       >
         Package
       </label>
       <div
-        class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl Mui-readOnly MuiInputBase-readOnly css-1i2tonp-MuiInputBase-root-MuiInput-root"
+        class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl Mui-readOnly MuiInputBase-readOnly css-t6baui-MuiInputBase-root-MuiInput-root"
       >
         <input
           aria-invalid="false"
@@ -40,13 +40,13 @@ exports[`Storyshots AutoCompletePicker Open 1`] = `
       class="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
     >
       <label
-        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-l982uk-MuiFormLabel-root-MuiInputLabel-root"
+        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-dyxksa-MuiFormLabel-root-MuiInputLabel-root"
         data-shrink="true"
       >
         Package
       </label>
       <div
-        class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl Mui-readOnly MuiInputBase-readOnly css-1i2tonp-MuiInputBase-root-MuiInput-root"
+        class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl Mui-readOnly MuiInputBase-readOnly css-t6baui-MuiInputBase-root-MuiInput-root"
       >
         <input
           aria-invalid="false"
diff --git a/frontend/src/components/common/Card/__snapshots__/Card.stories.storyshot b/frontend/src/components/common/Card/__snapshots__/Card.stories.storyshot
index 6eee56351..cc35177c0 100644
--- a/frontend/src/components/common/Card/__snapshots__/Card.stories.storyshot
+++ b/frontend/src/components/common/Card/__snapshots__/Card.stories.storyshot
@@ -8,7 +8,7 @@ exports[`Storyshots Card Description Label 1`] = `
     class="MuiBox-root css-1yuhvjn"
   >
     <span
-      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+      class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
     >
       Description Label
     </span>
@@ -21,7 +21,7 @@ exports[`Storyshots Card Feature Label 1`] = `
   id="root"
 >
   <span
-    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1ezega9-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 makeStyles-featureLabel css-1s23nr9-MuiTypography-root"
   >
     Feature Label
   </span>
@@ -60,7 +60,7 @@ exports[`Storyshots Card Header 1`] = `
         >
           <p
             arial-label="group-id"
-            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
           >
             a cardTrack
           </p>
@@ -69,7 +69,7 @@ exports[`Storyshots Card Header 1`] = `
           class="MuiBox-root css-1yuhvjn"
         >
           <span
-            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
           >
             Card Header description
           </span>
@@ -102,7 +102,7 @@ exports[`Storyshots Card Header With Card Id 1`] = `
         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1idn90j-MuiGrid-root"
       >
         <p
-          class="MuiTypography-root MuiTypography-body1 makeStyles-cardTitle css-1ezega9-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 makeStyles-cardTitle css-1s23nr9-MuiTypography-root"
         />
       </div>
       <div
@@ -113,7 +113,7 @@ exports[`Storyshots Card Header With Card Id 1`] = `
         >
           <p
             arial-label="group-id"
-            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
           >
             a cardId
           </p>
@@ -122,7 +122,7 @@ exports[`Storyshots Card Header With Card Id 1`] = `
           class="MuiBox-root css-1yuhvjn"
         >
           <span
-            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
           >
             Card Header With cardId description
           </span>
@@ -150,7 +150,7 @@ exports[`Storyshots Card Header With Card Track 1`] = `
         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1idn90j-MuiGrid-root"
       >
         <p
-          class="MuiTypography-root MuiTypography-body1 makeStyles-cardTitle css-1ezega9-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 makeStyles-cardTitle css-1s23nr9-MuiTypography-root"
         />
       </div>
       <div
@@ -161,7 +161,7 @@ exports[`Storyshots Card Header With Card Track 1`] = `
         >
           <p
             arial-label="group-id"
-            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
           >
             a cardTrack
           </p>
@@ -170,7 +170,7 @@ exports[`Storyshots Card Header With Card Track 1`] = `
           class="MuiBox-root css-1yuhvjn"
         >
           <span
-            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
           >
             Card Header With cardTrack description
           </span>
@@ -198,7 +198,7 @@ exports[`Storyshots Card Header With Children 1`] = `
         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1idn90j-MuiGrid-root"
       >
         <p
-          class="MuiTypography-root MuiTypography-body1 makeStyles-cardTitle css-1ezega9-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 makeStyles-cardTitle css-1s23nr9-MuiTypography-root"
         />
       </div>
       <div
@@ -209,14 +209,14 @@ exports[`Storyshots Card Header With Children 1`] = `
         >
           <p
             arial-label="group-id"
-            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
           />
         </div>
         <div
           class="MuiBox-root css-1yuhvjn"
         >
           <span
-            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
           >
             Card Header With Children description
           </span>
@@ -249,7 +249,7 @@ exports[`Storyshots Card Header With Description 1`] = `
         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-1idn90j-MuiGrid-root"
       >
         <p
-          class="MuiTypography-root MuiTypography-body1 makeStyles-cardTitle css-1ezega9-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 makeStyles-cardTitle css-1s23nr9-MuiTypography-root"
         />
       </div>
       <div
@@ -260,14 +260,14 @@ exports[`Storyshots Card Header With Description 1`] = `
         >
           <p
             arial-label="group-id"
-            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
           />
         </div>
         <div
           class="MuiBox-root css-1yuhvjn"
         >
           <span
-            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
           >
             Card Header description
           </span>
@@ -313,14 +313,14 @@ exports[`Storyshots Card Header With Link 1`] = `
         >
           <p
             arial-label="group-id"
-            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-14wn2h6-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 MuiTypography-noWrap makeStyles-idLabel css-1s94icn-MuiTypography-root"
           />
         </div>
         <div
           class="MuiBox-root css-1yuhvjn"
         >
           <span
-            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1ezega9-MuiTypography-root"
+            class="MuiTypography-root MuiTypography-body1 makeStyles-descriptionLabel css-1s23nr9-MuiTypography-root"
           >
             Card Header With Link description
           </span>
@@ -339,7 +339,7 @@ exports[`Storyshots Card Label 1`] = `
   id="root"
 >
   <span
-    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
   >
     Label
   </span>
@@ -351,7 +351,7 @@ exports[`Storyshots Card Label With Styles 1`] = `
   id="root"
 >
   <span
-    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1ezega9-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 makeStyles-label makeStyles-label css-1s23nr9-MuiTypography-root"
   >
     Label
   </span>