From 4cc3728cf0b9d9a058558741f3a9190ee5a14821 Mon Sep 17 00:00:00 2001
From: olav <mail@olav.io>
Date: Tue, 30 Aug 2022 10:30:32 +0200
Subject: [PATCH] chore: update emotion  (#1998)

* chore: update emotion

* chore: update snapshots
---
 frontend/package.json                         |   4 +-
 .../InstanceStatusBar.test.tsx.snap           |  30 +-
 .../FeedbackCESForm.test.tsx.snap             |  48 +--
 .../__snapshots__/ApiDetails.test.tsx.snap    |  16 +-
 .../Footer/__snapshots__/Footer.test.tsx.snap | 280 +++++++++---------
 .../__snapshots__/TagTypeList.test.tsx.snap   | 236 +++++++--------
 frontend/yarn.lock                            | 149 ++++------
 7 files changed, 365 insertions(+), 398 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 6ee52b9cc4..7d29310035 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -26,8 +26,8 @@
   },
   "devDependencies": {
     "@codemirror/lang-json": "6.0.0",
-    "@emotion/react": "11.9.3",
-    "@emotion/styled": "11.9.3",
+    "@emotion/react": "11.10.0",
+    "@emotion/styled": "11.10.0",
     "@mui/icons-material": "5.10.2",
     "@mui/lab": "5.0.0-alpha.96",
     "@mui/material": "5.10.2",
diff --git a/frontend/src/component/common/InstanceStatus/__snapshots__/InstanceStatusBar.test.tsx.snap b/frontend/src/component/common/InstanceStatus/__snapshots__/InstanceStatusBar.test.tsx.snap
index 24c0071941..c50e6f1259 100644
--- a/frontend/src/component/common/InstanceStatus/__snapshots__/InstanceStatusBar.test.tsx.snap
+++ b/frontend/src/component/common/InstanceStatus/__snapshots__/InstanceStatusBar.test.tsx.snap
@@ -2,12 +2,12 @@
 
 exports[`InstanceStatusBar should warn when the trial has churned 1`] = `
 <aside
-  class="mui-jmsogz"
+  class="css-jmsogz"
   data-testid="INSTANCE_STATUS_BAR_ID"
 >
   <svg
     aria-hidden="true"
-    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-prk1jy-MuiSvgIcon-root"
+    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-prk1jy-MuiSvgIcon-root"
     data-testid="WarningAmberIcon"
     focusable="false"
     viewBox="0 0 24 24"
@@ -20,7 +20,7 @@ exports[`InstanceStatusBar should warn when the trial has churned 1`] = `
     />
   </svg>
   <p
-    class="MuiTypography-root MuiTypography-body1 mui-rviqjc-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 css-rviqjc-MuiTypography-root"
   >
     <strong>
       Warning!
@@ -42,12 +42,12 @@ exports[`InstanceStatusBar should warn when the trial has churned 1`] = `
 
 exports[`InstanceStatusBar should warn when the trial has expired 1`] = `
 <aside
-  class="mui-jmsogz"
+  class="css-jmsogz"
   data-testid="INSTANCE_STATUS_BAR_ID"
 >
   <svg
     aria-hidden="true"
-    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-prk1jy-MuiSvgIcon-root"
+    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-prk1jy-MuiSvgIcon-root"
     data-testid="WarningAmberIcon"
     focusable="false"
     viewBox="0 0 24 24"
@@ -60,7 +60,7 @@ exports[`InstanceStatusBar should warn when the trial has expired 1`] = `
     />
   </svg>
   <p
-    class="MuiTypography-root MuiTypography-body1 mui-rviqjc-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 css-rviqjc-MuiTypography-root"
   >
     <strong>
       Warning!
@@ -82,12 +82,12 @@ exports[`InstanceStatusBar should warn when the trial has expired 1`] = `
 
 exports[`InstanceStatusBar should warn when the trial is about to expire 1`] = `
 <aside
-  class="mui-yx2rkt"
+  class="css-yx2rkt"
   data-testid="INSTANCE_STATUS_BAR_ID"
 >
   <svg
     aria-hidden="true"
-    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-cle2im-MuiSvgIcon-root"
+    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cle2im-MuiSvgIcon-root"
     data-testid="InfoOutlinedIcon"
     focusable="false"
     viewBox="0 0 24 24"
@@ -97,7 +97,7 @@ exports[`InstanceStatusBar should warn when the trial is about to expire 1`] = `
     />
   </svg>
   <p
-    class="MuiTypography-root MuiTypography-body1 mui-rviqjc-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 css-rviqjc-MuiTypography-root"
   >
     <strong>
       Heads up!
@@ -117,12 +117,12 @@ exports[`InstanceStatusBar should warn when the trial is about to expire 1`] = `
 
 exports[`InstanceStatusBar should warn when the trial is far from expired 1`] = `
 <aside
-  class="mui-yx2rkt"
+  class="css-yx2rkt"
   data-testid="INSTANCE_STATUS_BAR_ID"
 >
   <svg
     aria-hidden="true"
-    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-cle2im-MuiSvgIcon-root"
+    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cle2im-MuiSvgIcon-root"
     data-testid="InfoOutlinedIcon"
     focusable="false"
     viewBox="0 0 24 24"
@@ -132,7 +132,7 @@ exports[`InstanceStatusBar should warn when the trial is far from expired 1`] =
     />
   </svg>
   <p
-    class="MuiTypography-root MuiTypography-body1 mui-rviqjc-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 css-rviqjc-MuiTypography-root"
   >
     <strong>
       Heads up!
@@ -147,12 +147,12 @@ exports[`InstanceStatusBar should warn when the trial is far from expired 1`] =
 
 exports[`InstanceStatusBar should warn when trialExpiry has passed 1`] = `
 <aside
-  class="mui-jmsogz"
+  class="css-jmsogz"
   data-testid="INSTANCE_STATUS_BAR_ID"
 >
   <svg
     aria-hidden="true"
-    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-prk1jy-MuiSvgIcon-root"
+    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-prk1jy-MuiSvgIcon-root"
     data-testid="WarningAmberIcon"
     focusable="false"
     viewBox="0 0 24 24"
@@ -165,7 +165,7 @@ exports[`InstanceStatusBar should warn when trialExpiry has passed 1`] = `
     />
   </svg>
   <p
-    class="MuiTypography-root MuiTypography-body1 mui-rviqjc-MuiTypography-root"
+    class="MuiTypography-root MuiTypography-body1 css-rviqjc-MuiTypography-root"
   >
     <strong>
       Warning!
diff --git a/frontend/src/component/feedback/FeedbackCES/__snapshots__/FeedbackCESForm.test.tsx.snap b/frontend/src/component/feedback/FeedbackCES/__snapshots__/FeedbackCESForm.test.tsx.snap
index 83670e63ee..7f0004be5d 100644
--- a/frontend/src/component/feedback/FeedbackCES/__snapshots__/FeedbackCESForm.test.tsx.snap
+++ b/frontend/src/component/feedback/FeedbackCES/__snapshots__/FeedbackCESForm.test.tsx.snap
@@ -4,32 +4,32 @@ exports[`FeedbackCESForm 1`] = `
 <body>
   <div>
     <div
-      class="tss-fdcp7c-container"
+      class="css-fdcp7c-container"
     >
       <h1
-        class="tss-iyd7t0-title"
+        class="css-iyd7t0-title"
       >
         Please help us improve
       </h1>
       <form
         aria-live="polite"
-        class="tss-1rgjoiw-form"
+        class="css-1rgjoiw-form"
       >
         <p
-          class="tss-mhztvj-subtitle"
+          class="css-mhztvj-subtitle"
         >
           a
         </p>
         <div
-          class="tss-io6e1g-scoreInput"
+          class="css-io6e1g-scoreInput"
         >
           <span
-            class="tss-16omcck-scoreHelp"
+            class="css-16omcck-scoreHelp"
           >
             Very difficult
           </span>
           <label
-            class="tss-pq8zjr-scoreValue"
+            class="css-pq8zjr-scoreValue"
           >
             <input
               name="score"
@@ -41,7 +41,7 @@ exports[`FeedbackCESForm 1`] = `
             </span>
           </label>
           <label
-            class="tss-pq8zjr-scoreValue"
+            class="css-pq8zjr-scoreValue"
           >
             <input
               name="score"
@@ -53,7 +53,7 @@ exports[`FeedbackCESForm 1`] = `
             </span>
           </label>
           <label
-            class="tss-pq8zjr-scoreValue"
+            class="css-pq8zjr-scoreValue"
           >
             <input
               name="score"
@@ -65,7 +65,7 @@ exports[`FeedbackCESForm 1`] = `
             </span>
           </label>
           <label
-            class="tss-pq8zjr-scoreValue"
+            class="css-pq8zjr-scoreValue"
           >
             <input
               name="score"
@@ -77,7 +77,7 @@ exports[`FeedbackCESForm 1`] = `
             </span>
           </label>
           <label
-            class="tss-pq8zjr-scoreValue"
+            class="css-pq8zjr-scoreValue"
           >
             <input
               name="score"
@@ -89,7 +89,7 @@ exports[`FeedbackCESForm 1`] = `
             </span>
           </label>
           <label
-            class="tss-pq8zjr-scoreValue"
+            class="css-pq8zjr-scoreValue"
           >
             <input
               name="score"
@@ -101,7 +101,7 @@ exports[`FeedbackCESForm 1`] = `
             </span>
           </label>
           <label
-            class="tss-pq8zjr-scoreValue"
+            class="css-pq8zjr-scoreValue"
           >
             <input
               name="score"
@@ -113,7 +113,7 @@ exports[`FeedbackCESForm 1`] = `
             </span>
           </label>
           <span
-            class="tss-16omcck-scoreHelp"
+            class="css-16omcck-scoreHelp"
           >
             Very easy
           </span>
@@ -122,37 +122,37 @@ exports[`FeedbackCESForm 1`] = `
           hidden=""
         >
           <label
-            class="tss-13obo9p-textLabel"
+            class="css-13obo9p-textLabel"
             for="comment"
           >
             b
           </label>
           <div
-            class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root mui-wb57ya-MuiFormControl-root-MuiTextField-root"
+            class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
           >
             <div
-              class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline mui-1qvtpcv-MuiInputBase-root-MuiOutlinedInput-root"
+              class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-1qvtpcv-MuiInputBase-root-MuiOutlinedInput-root"
             >
               <textarea
                 aria-invalid="false"
-                class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline mui-1wvz5kg-MuiInputBase-input-MuiOutlinedInput-input"
+                class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-1wvz5kg-MuiInputBase-input-MuiOutlinedInput-input"
                 id="mui-1"
                 rows="3"
                 style="height: 0px; overflow: hidden;"
               />
               <textarea
                 aria-hidden="true"
-                class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline mui-1wvz5kg-MuiInputBase-input-MuiOutlinedInput-input"
+                class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-1wvz5kg-MuiInputBase-input-MuiOutlinedInput-input"
                 readonly=""
                 style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding: 0px; width: 100%;"
                 tabindex="-1"
               />
               <fieldset
                 aria-hidden="true"
-                class="MuiOutlinedInput-notchedOutline mui-1d3z3hw-MuiOutlinedInput-notchedOutline"
+                class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
               >
                 <legend
-                  class="mui-hdw1oc"
+                  class="css-hdw1oc"
                 >
                   <span
                     class="notranslate"
@@ -165,11 +165,11 @@ exports[`FeedbackCESForm 1`] = `
           </div>
         </div>
         <div
-          class="tss-n2ggaa-buttons"
+          class="css-n2ggaa-buttons"
           hidden=""
         >
           <button
-            class="MuiButtonBase-root Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium tss-1t8daf-button mui-1aw3qf3-MuiButtonBase-root-MuiButton-root"
+            class="MuiButtonBase-root Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-9rpict-MuiButtonBase-root-MuiButton-root-button"
             disabled=""
             tabindex="-1"
             type="submit"
@@ -182,7 +182,7 @@ exports[`FeedbackCESForm 1`] = `
     <div
       aria-atomic="true"
       aria-live="polite"
-      class="tss-i8rqz1-container"
+      class="css-i8rqz1-container"
       data-testid="ANNOUNCER_ELEMENT_TEST_ID"
       role="status"
     />
diff --git a/frontend/src/component/menu/Footer/ApiDetails/__snapshots__/ApiDetails.test.tsx.snap b/frontend/src/component/menu/Footer/ApiDetails/__snapshots__/ApiDetails.test.tsx.snap
index 2029c37678..a522937459 100644
--- a/frontend/src/component/menu/Footer/ApiDetails/__snapshots__/ApiDetails.test.tsx.snap
+++ b/frontend/src/component/menu/Footer/ApiDetails/__snapshots__/ApiDetails.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`renders correctly with empty version 1`] = `
       title="API details"
     >
       <h2
-        class="tss-cxwipi-title"
+        class="css-cxwipi-title"
       >
         Unleash 
          
@@ -26,7 +26,7 @@ exports[`renders correctly with empty version 1`] = `
     <div
       aria-atomic="true"
       aria-live="polite"
-      class="tss-i8rqz1-container"
+      class="css-i8rqz1-container"
       data-testid="ANNOUNCER_ELEMENT_TEST_ID"
       role="status"
     />
@@ -41,7 +41,7 @@ exports[`renders correctly with ui-config 1`] = `
       title="API details"
     >
       <h2
-        class="tss-cxwipi-title"
+        class="css-cxwipi-title"
       >
         Unleash 1.1.0
          
@@ -60,7 +60,7 @@ exports[`renders correctly with ui-config 1`] = `
     <div
       aria-atomic="true"
       aria-live="polite"
-      class="tss-i8rqz1-container"
+      class="css-i8rqz1-container"
       data-testid="ANNOUNCER_ELEMENT_TEST_ID"
       role="status"
     />
@@ -75,7 +75,7 @@ exports[`renders correctly with versionInfo 1`] = `
       title="API details"
     >
       <h2
-        class="tss-cxwipi-title"
+        class="css-cxwipi-title"
       >
         Unleash 1.2.3
          
@@ -94,7 +94,7 @@ exports[`renders correctly with versionInfo 1`] = `
     <div
       aria-atomic="true"
       aria-live="polite"
-      class="tss-i8rqz1-container"
+      class="css-i8rqz1-container"
       data-testid="ANNOUNCER_ELEMENT_TEST_ID"
       role="status"
     />
@@ -109,7 +109,7 @@ exports[`renders correctly without uiConfig 1`] = `
       title="API details"
     >
       <h2
-        class="tss-cxwipi-title"
+        class="css-cxwipi-title"
       >
         Unleash 1.1.0
          
@@ -121,7 +121,7 @@ exports[`renders correctly without uiConfig 1`] = `
     <div
       aria-atomic="true"
       aria-live="polite"
-      class="tss-i8rqz1-container"
+      class="css-i8rqz1-container"
       data-testid="ANNOUNCER_ELEMENT_TEST_ID"
       role="status"
     />
diff --git a/frontend/src/component/menu/Footer/__snapshots__/Footer.test.tsx.snap b/frontend/src/component/menu/Footer/__snapshots__/Footer.test.tsx.snap
index 2673ce57d9..9d32a703d2 100644
--- a/frontend/src/component/menu/Footer/__snapshots__/Footer.test.tsx.snap
+++ b/frontend/src/component/menu/Footer/__snapshots__/Footer.test.tsx.snap
@@ -3,10 +3,10 @@
 exports[`should render DrawerMenu 1`] = `
 [
   <footer
-    className="tss-16d7ppb-footer"
+    className="css-16d7ppb-footer"
   >
     <div
-      className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-10 mui-16chest-MuiGrid-root"
+      className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-10 css-16chest-MuiGrid-root"
       style={
         {
           "marginBottom": 0,
@@ -14,13 +14,13 @@ exports[`should render DrawerMenu 1`] = `
       }
     >
       <div
-        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-4 mui-g8shpt-MuiGrid-root"
+        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-4 css-g8shpt-MuiGrid-root"
       >
         <section
           title="API details"
         >
           <h2
-            className="tss-cxwipi-title"
+            className="css-cxwipi-title"
           >
             Unleash 3.x
              
@@ -33,34 +33,34 @@ exports[`should render DrawerMenu 1`] = `
         </section>
       </div>
       <div
-        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-auto mui-16ccgsq-MuiGrid-root"
+        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-auto css-16ccgsq-MuiGrid-root"
       >
         <div
-          className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-7 mui-3f6ufr-MuiGrid-root"
+          className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-7 css-3f6ufr-MuiGrid-root"
         >
           <div
-            className="MuiGrid-root MuiGrid-item mui-13i4rnv-MuiGrid-root"
+            className="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <section
               title="Unleash SDK"
             >
               <h2
-                className="tss-cxwipi-title"
+                className="css-cxwipi-title"
               >
                 Server SDKs
               </h2>
               <ul
-                className="MuiList-root MuiList-padding MuiList-dense tss-11htu0j-list mui-h4y409-MuiList-root"
+                className="MuiList-root MuiList-padding MuiList-dense css-e6vijf-MuiList-root-list"
               >
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/node_sdk"
@@ -72,14 +72,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/java_sdk"
@@ -91,14 +91,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/go_sdk"
@@ -111,14 +111,14 @@ exports[`should render DrawerMenu 1`] = `
                 </li>
                  
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/ruby_sdk"
@@ -131,14 +131,14 @@ exports[`should render DrawerMenu 1`] = `
                 </li>
                  
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/python_sdk"
@@ -150,14 +150,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/dot_net_sdk"
@@ -169,14 +169,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/php_sdk"
@@ -188,14 +188,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks"
@@ -210,28 +210,28 @@ exports[`should render DrawerMenu 1`] = `
             </section>
           </div>
           <div
-            className="MuiGrid-root MuiGrid-item mui-13i4rnv-MuiGrid-root"
+            className="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <section
               title="Unleash SDK"
             >
               <h2
-                className="tss-cxwipi-title"
+                className="css-cxwipi-title"
               >
                 Frontend SDKs
               </h2>
               <ul
-                className="MuiList-root MuiList-padding MuiList-dense tss-11htu0j-list mui-h4y409-MuiList-root"
+                className="MuiList-root MuiList-padding MuiList-dense css-e6vijf-MuiList-root-list"
               >
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/unleash-proxy"
@@ -243,14 +243,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/proxy-javascript"
@@ -262,14 +262,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/proxy-react"
@@ -281,14 +281,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/proxy-ios"
@@ -300,14 +300,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/android_proxy_sdk"
@@ -322,26 +322,26 @@ exports[`should render DrawerMenu 1`] = `
             </section>
           </div>
           <div
-            className="MuiGrid-root MuiGrid-item mui-13i4rnv-MuiGrid-root"
+            className="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <section>
               <h2
-                className="tss-cxwipi-title"
+                className="css-cxwipi-title"
               >
                 About
               </h2>
               <ul
-                className="MuiList-root MuiList-padding MuiList-dense tss-11htu0j-list mui-h4y409-MuiList-root"
+                className="MuiList-root MuiList-padding MuiList-dense css-e6vijf-MuiList-root-list"
               >
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://www.getunleash.io/"
@@ -353,14 +353,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://twitter.com/getunleash"
@@ -372,14 +372,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://www.linkedin.com/company/getunleash"
@@ -391,14 +391,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://github.com/Unleash/unleash"
@@ -410,14 +410,14 @@ exports[`should render DrawerMenu 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://slack.unleash.run"
@@ -438,7 +438,7 @@ exports[`should render DrawerMenu 1`] = `
   <div
     aria-atomic={true}
     aria-live="polite"
-    className="tss-i8rqz1-container"
+    className="css-i8rqz1-container"
     data-testid="ANNOUNCER_ELEMENT_TEST_ID"
     role="status"
   />,
@@ -448,10 +448,10 @@ exports[`should render DrawerMenu 1`] = `
 exports[`should render DrawerMenu with "features" selected 1`] = `
 [
   <footer
-    className="tss-16d7ppb-footer"
+    className="css-16d7ppb-footer"
   >
     <div
-      className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-10 mui-16chest-MuiGrid-root"
+      className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-10 css-16chest-MuiGrid-root"
       style={
         {
           "marginBottom": 0,
@@ -459,13 +459,13 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
       }
     >
       <div
-        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-4 mui-g8shpt-MuiGrid-root"
+        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-4 css-g8shpt-MuiGrid-root"
       >
         <section
           title="API details"
         >
           <h2
-            className="tss-cxwipi-title"
+            className="css-cxwipi-title"
           >
             Unleash 3.x
              
@@ -478,34 +478,34 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
         </section>
       </div>
       <div
-        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-auto mui-16ccgsq-MuiGrid-root"
+        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-auto css-16ccgsq-MuiGrid-root"
       >
         <div
-          className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-7 mui-3f6ufr-MuiGrid-root"
+          className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-7 css-3f6ufr-MuiGrid-root"
         >
           <div
-            className="MuiGrid-root MuiGrid-item mui-13i4rnv-MuiGrid-root"
+            className="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <section
               title="Unleash SDK"
             >
               <h2
-                className="tss-cxwipi-title"
+                className="css-cxwipi-title"
               >
                 Server SDKs
               </h2>
               <ul
-                className="MuiList-root MuiList-padding MuiList-dense tss-11htu0j-list mui-h4y409-MuiList-root"
+                className="MuiList-root MuiList-padding MuiList-dense css-e6vijf-MuiList-root-list"
               >
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/node_sdk"
@@ -517,14 +517,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/java_sdk"
@@ -536,14 +536,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/go_sdk"
@@ -556,14 +556,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                 </li>
                  
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/ruby_sdk"
@@ -576,14 +576,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                 </li>
                  
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/python_sdk"
@@ -595,14 +595,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/dot_net_sdk"
@@ -614,14 +614,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/php_sdk"
@@ -633,14 +633,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks"
@@ -655,28 +655,28 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
             </section>
           </div>
           <div
-            className="MuiGrid-root MuiGrid-item mui-13i4rnv-MuiGrid-root"
+            className="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <section
               title="Unleash SDK"
             >
               <h2
-                className="tss-cxwipi-title"
+                className="css-cxwipi-title"
               >
                 Frontend SDKs
               </h2>
               <ul
-                className="MuiList-root MuiList-padding MuiList-dense tss-11htu0j-list mui-h4y409-MuiList-root"
+                className="MuiList-root MuiList-padding MuiList-dense css-e6vijf-MuiList-root-list"
               >
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/unleash-proxy"
@@ -688,14 +688,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/proxy-javascript"
@@ -707,14 +707,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/proxy-react"
@@ -726,14 +726,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/proxy-ios"
@@ -745,14 +745,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://docs.getunleash.io/sdks/android_proxy_sdk"
@@ -767,26 +767,26 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
             </section>
           </div>
           <div
-            className="MuiGrid-root MuiGrid-item mui-13i4rnv-MuiGrid-root"
+            className="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
           >
             <section>
               <h2
-                className="tss-cxwipi-title"
+                className="css-cxwipi-title"
               >
                 About
               </h2>
               <ul
-                className="MuiList-root MuiList-padding MuiList-dense tss-11htu0j-list mui-h4y409-MuiList-root"
+                className="MuiList-root MuiList-padding MuiList-dense css-e6vijf-MuiList-root-list"
               >
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://www.getunleash.io/"
@@ -798,14 +798,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://twitter.com/getunleash"
@@ -817,14 +817,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://www.linkedin.com/company/getunleash"
@@ -836,14 +836,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://github.com/Unleash/unleash"
@@ -855,14 +855,14 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
                   </div>
                 </li>
                 <li
-                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding tss-3n5xsg-listItem mui-w8p5u6-MuiListItem-root"
+                  className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-17d9xc9-MuiListItem-root-listItem"
                   disabled={false}
                 >
                   <div
-                    className="MuiListItemText-root MuiListItemText-dense mui-tlelie-MuiListItemText-root"
+                    className="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root"
                   >
                     <span
-                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary mui-1nhzl8d-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-1nhzl8d-MuiTypography-root"
                     >
                       <a
                         href="https://slack.unleash.run"
@@ -883,7 +883,7 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
   <div
     aria-atomic={true}
     aria-live="polite"
-    className="tss-i8rqz1-container"
+    className="css-i8rqz1-container"
     data-testid="ANNOUNCER_ELEMENT_TEST_ID"
     role="status"
   />,
diff --git a/frontend/src/component/tags/TagTypeList/__tests__/__snapshots__/TagTypeList.test.tsx.snap b/frontend/src/component/tags/TagTypeList/__tests__/__snapshots__/TagTypeList.test.tsx.snap
index 05551828e1..e67de619dc 100644
--- a/frontend/src/component/tags/TagTypeList/__tests__/__snapshots__/TagTypeList.test.tsx.snap
+++ b/frontend/src/component/tags/TagTypeList/__tests__/__snapshots__/TagTypeList.test.tsx.snap
@@ -7,39 +7,39 @@ exports[`renders an empty list correctly 1`] = `
     aria-live="polite"
   >
     <div
-      className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 tss-15wj2kz-container mui-lorrhs-MuiPaper-root"
+      className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 css-p9j8ie-MuiPaper-root-container"
     >
       <div
-        className="header tss-1ywhhai-headerContainer"
+        className="header css-1ywhhai-headerContainer"
       >
         <div
-          className="tss-1ylehva-headerContainer"
+          className="css-1ylehva-headerContainer"
         >
           <div
-            className="tss-1uxyh7x-topContainer"
+            className="css-1uxyh7x-topContainer"
           >
             <div
-              className="tss-sd6bs4-header"
+              className="css-sd6bs4-header"
               data-loading={true}
             >
               <h1
-                className="MuiTypography-root MuiTypography-h1 tss-7lbvh4-headerTitle mui-ylrecv-MuiTypography-root"
+                className="MuiTypography-root MuiTypography-h1 css-ypmm1t-MuiTypography-root-headerTitle"
               >
                 Tag types
               </h1>
             </div>
             <div
-              className="tss-u5t8ea-headerActions"
+              className="css-u5t8ea-headerActions"
             >
               <div
-                className="tss-1oozr04-container"
+                className="css-1oozr04-container"
               >
                 <div
-                  className="tss-1xjrf9m-search search-container"
+                  className="css-1xjrf9m-search search-container"
                 >
                   <svg
                     aria-hidden={true}
-                    className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1ehjh85-searchIcon search-icon mui-i4bv87-MuiSvgIcon-root"
+                    className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium search-icon css-1kyy7n4-MuiSvgIcon-root-searchIcon"
                     data-testid="SearchIcon"
                     focusable="false"
                     viewBox="0 0 24 24"
@@ -49,12 +49,12 @@ exports[`renders an empty list correctly 1`] = `
                     />
                   </svg>
                   <div
-                    className="MuiInputBase-root tss-11gf6cf-inputRoot input-container MuiInputBase-colorPrimary mui-qtv7d9-MuiInputBase-root"
+                    className="MuiInputBase-root input-container MuiInputBase-colorPrimary css-tubodl-MuiInputBase-root-inputRoot"
                     onClick={[Function]}
                   >
                     <input
                       aria-label="Search (Ctrl+K)"
-                      className="MuiInputBase-input mui-mfsqjb-MuiInputBase-input"
+                      className="MuiInputBase-input css-mfsqjb-MuiInputBase-input"
                       onAnimationStart={[Function]}
                       onBlur={[Function]}
                       onChange={[Function]}
@@ -65,19 +65,19 @@ exports[`renders an empty list correctly 1`] = `
                     />
                   </div>
                   <div
-                    className="tss-llttyo-clearContainer clear-container"
+                    className="css-llttyo-clearContainer clear-container"
                   />
                 </div>
               </div>
               <hr
-                className="MuiDivider-root MuiDivider-middle MuiDivider-vertical mui-1p1j01b-MuiDivider-root"
+                className="MuiDivider-root MuiDivider-middle MuiDivider-vertical css-1p1j01b-MuiDivider-root"
               />
               <span
                 id="useId-0"
               >
                 <button
                   aria-labelledby="useId-0"
-                  className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium mui-1aw3qf3-MuiButtonBase-root-MuiButton-root"
+                  className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-1aw3qf3-MuiButtonBase-root-MuiButton-root"
                   disabled={false}
                   onBlur={[Function]}
                   onClick={[Function]}
@@ -97,10 +97,10 @@ exports[`renders an empty list correctly 1`] = `
                 >
                   New tag type
                   <span
-                    className="MuiButton-endIcon MuiButton-iconSizeMedium mui-9tj150-MuiButton-endIcon"
+                    className="MuiButton-endIcon MuiButton-iconSizeMedium css-9tj150-MuiButton-endIcon"
                   />
                   <span
-                    className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                    className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                   />
                 </button>
               </span>
@@ -109,22 +109,22 @@ exports[`renders an empty list correctly 1`] = `
         </div>
       </div>
       <div
-        className="body tss-54jt3w-bodyContainer"
+        className="body css-54jt3w-bodyContainer"
       >
         <table
-          className="MuiTable-root tss-rjdss1-table mui-133vm37-MuiTable-root"
+          className="MuiTable-root css-1h6dscb-MuiTable-root-table"
           role="table"
         >
           <thead
-            className="MuiTableHead-root mui-gitaq1-MuiTableHead-root"
+            className="MuiTableHead-root css-gitaq1-MuiTableHead-root"
             role={null}
           >
             <tr
-              className="MuiTableRow-root MuiTableRow-head tss-1u2w2tj-tableHeader mui-cn4v9y-MuiTableRow-root"
+              className="MuiTableRow-root MuiTableRow-head css-1gnoged-MuiTableRow-root-tableHeader"
               role="row"
             >
               <th
-                className="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium tss-52anc9-header mui-1oeeu9f-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-b9leyc-MuiTableCell-root-header"
                 scope="col"
                 style={
                   {
@@ -140,7 +140,7 @@ exports[`renders an empty list correctly 1`] = `
               </th>
               <th
                 aria-sort="ascending"
-                className="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium tss-52anc9-header tss-d1rhp7-sortable mui-1oeeu9f-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-masipn-MuiTableCell-root-header-sortable"
                 scope="col"
                 style={
                   {
@@ -153,7 +153,7 @@ exports[`renders an empty list correctly 1`] = `
                 <button
                   aria-label=""
                   aria-labelledby={null}
-                  className="tss-14l86a5-sortedButton tss-1inbba3-sortButton"
+                  className="css-14l86a5-sortedButton css-1inbba3-sortButton"
                   data-mui-internal-clone-element={true}
                   onBlur={[Function]}
                   onClick={[Function]}
@@ -166,10 +166,10 @@ exports[`renders an empty list correctly 1`] = `
                 >
                   <span
                     aria-hidden={true}
-                    className="tss-r8z9jm-hiddenMeasurementLayer"
+                    className="css-r8z9jm-hiddenMeasurementLayer"
                   >
                     <span
-                      className="tss-1j5tskk-label"
+                      className="css-1j5tskk-label"
                       data-text="Name"
                       tabIndex={-1}
                     >
@@ -177,7 +177,7 @@ exports[`renders an empty list correctly 1`] = `
                     </span>
                     <svg
                       aria-hidden={true}
-                      className="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit tss-rkm25w-icon tss-19dh3h4-sorted mui-1vooibu-MuiSvgIcon-root"
+                      className="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1ekkz6x-MuiSvgIcon-root-icon-sorted"
                       data-testid="KeyboardArrowUpIcon"
                       focusable="false"
                       viewBox="0 0 24 24"
@@ -188,7 +188,7 @@ exports[`renders an empty list correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    className="tss-bqel7i-visibleAbsoluteLayer"
+                    className="css-bqel7i-visibleAbsoluteLayer"
                   >
                     <span
                       tabIndex={-1}
@@ -199,7 +199,7 @@ exports[`renders an empty list correctly 1`] = `
                     </span>
                     <svg
                       aria-hidden={true}
-                      className="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit tss-rkm25w-icon tss-19dh3h4-sorted sort-arrow mui-1vooibu-MuiSvgIcon-root"
+                      className="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit sort-arrow css-1ekkz6x-MuiSvgIcon-root-icon-sorted"
                       data-testid="KeyboardArrowUpIcon"
                       focusable="false"
                       viewBox="0 0 24 24"
@@ -212,7 +212,7 @@ exports[`renders an empty list correctly 1`] = `
                 </button>
               </th>
               <th
-                className="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium tss-52anc9-header mui-1oeeu9f-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-b9leyc-MuiTableCell-root-header"
                 scope="col"
                 style={
                   {
@@ -223,7 +223,7 @@ exports[`renders an empty list correctly 1`] = `
                 }
               >
                 <div
-                  className="tss-1x6va6g-alignCenter"
+                  className="css-1x6va6g-alignCenter"
                 >
                   Actions
                 </div>
@@ -231,25 +231,25 @@ exports[`renders an empty list correctly 1`] = `
             </tr>
           </thead>
           <tbody
-            className="MuiTableBody-root mui-apqrd9-MuiTableBody-root"
+            className="MuiTableBody-root css-apqrd9-MuiTableBody-root"
             role="rowgroup"
           >
             <tr
-              className="MuiTableRow-root MuiTableRow-hover mui-cn4v9y-MuiTableRow-root"
+              className="MuiTableRow-root MuiTableRow-hover css-cn4v9y-MuiTableRow-root"
               role="row"
             >
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-7n01ps"
+                  className="MuiBox-root css-7n01ps"
                   data-loading={true}
                 >
                   <svg
                     aria-hidden={true}
-                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium mui-1db085k-MuiSvgIcon-root"
+                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium css-1db085k-MuiSvgIcon-root"
                     data-testid="LabelIcon"
                     focusable="false"
                     viewBox="0 0 24 24"
@@ -262,17 +262,17 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <span
-                  className="tss-g3rrgy-wrapper"
+                  className="css-g3rrgy-wrapper"
                 >
                   <div
-                    className="tss-1sfnvgj-container"
+                    className="css-1sfnvgj-container"
                   >
                     <span
-                      className="tss-lcjmxf-title"
+                      className="css-lcjmxf-title"
                       data-loading={true}
                       style={
                         {
@@ -284,7 +284,7 @@ exports[`renders an empty list correctly 1`] = `
                       Tag type name
                     </span>
                     <span
-                      className="MuiTypography-root MuiTypography-body1 tss-5zfmpl-description mui-2jk3z8-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body1 css-kyf98y-MuiTypography-root-description"
                       data-loading={true}
                     >
                       Tag type description when loading
@@ -294,11 +294,11 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-1bvc4cc"
+                  className="MuiBox-root css-1bvc4cc"
                   data-loading={true}
                 >
                   <div
@@ -317,7 +317,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-1"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -337,7 +337,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="EditIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -347,7 +347,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -367,7 +367,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-2"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -387,7 +387,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="DeleteIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -397,7 +397,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -405,21 +405,21 @@ exports[`renders an empty list correctly 1`] = `
               </td>
             </tr>
             <tr
-              className="MuiTableRow-root MuiTableRow-hover mui-cn4v9y-MuiTableRow-root"
+              className="MuiTableRow-root MuiTableRow-hover css-cn4v9y-MuiTableRow-root"
               role="row"
             >
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-7n01ps"
+                  className="MuiBox-root css-7n01ps"
                   data-loading={true}
                 >
                   <svg
                     aria-hidden={true}
-                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium mui-1db085k-MuiSvgIcon-root"
+                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium css-1db085k-MuiSvgIcon-root"
                     data-testid="LabelIcon"
                     focusable="false"
                     viewBox="0 0 24 24"
@@ -432,17 +432,17 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <span
-                  className="tss-g3rrgy-wrapper"
+                  className="css-g3rrgy-wrapper"
                 >
                   <div
-                    className="tss-1sfnvgj-container"
+                    className="css-1sfnvgj-container"
                   >
                     <span
-                      className="tss-lcjmxf-title"
+                      className="css-lcjmxf-title"
                       data-loading={true}
                       style={
                         {
@@ -454,7 +454,7 @@ exports[`renders an empty list correctly 1`] = `
                       Tag type name
                     </span>
                     <span
-                      className="MuiTypography-root MuiTypography-body1 tss-5zfmpl-description mui-2jk3z8-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body1 css-kyf98y-MuiTypography-root-description"
                       data-loading={true}
                     >
                       Tag type description when loading
@@ -464,11 +464,11 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-1bvc4cc"
+                  className="MuiBox-root css-1bvc4cc"
                   data-loading={true}
                 >
                   <div
@@ -487,7 +487,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-3"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -507,7 +507,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="EditIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -517,7 +517,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -537,7 +537,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-4"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -557,7 +557,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="DeleteIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -567,7 +567,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -575,21 +575,21 @@ exports[`renders an empty list correctly 1`] = `
               </td>
             </tr>
             <tr
-              className="MuiTableRow-root MuiTableRow-hover mui-cn4v9y-MuiTableRow-root"
+              className="MuiTableRow-root MuiTableRow-hover css-cn4v9y-MuiTableRow-root"
               role="row"
             >
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-7n01ps"
+                  className="MuiBox-root css-7n01ps"
                   data-loading={true}
                 >
                   <svg
                     aria-hidden={true}
-                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium mui-1db085k-MuiSvgIcon-root"
+                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium css-1db085k-MuiSvgIcon-root"
                     data-testid="LabelIcon"
                     focusable="false"
                     viewBox="0 0 24 24"
@@ -602,17 +602,17 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <span
-                  className="tss-g3rrgy-wrapper"
+                  className="css-g3rrgy-wrapper"
                 >
                   <div
-                    className="tss-1sfnvgj-container"
+                    className="css-1sfnvgj-container"
                   >
                     <span
-                      className="tss-lcjmxf-title"
+                      className="css-lcjmxf-title"
                       data-loading={true}
                       style={
                         {
@@ -624,7 +624,7 @@ exports[`renders an empty list correctly 1`] = `
                       Tag type name
                     </span>
                     <span
-                      className="MuiTypography-root MuiTypography-body1 tss-5zfmpl-description mui-2jk3z8-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body1 css-kyf98y-MuiTypography-root-description"
                       data-loading={true}
                     >
                       Tag type description when loading
@@ -634,11 +634,11 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-1bvc4cc"
+                  className="MuiBox-root css-1bvc4cc"
                   data-loading={true}
                 >
                   <div
@@ -657,7 +657,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-5"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -677,7 +677,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="EditIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -687,7 +687,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -707,7 +707,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-6"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -727,7 +727,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="DeleteIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -737,7 +737,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -745,21 +745,21 @@ exports[`renders an empty list correctly 1`] = `
               </td>
             </tr>
             <tr
-              className="MuiTableRow-root MuiTableRow-hover mui-cn4v9y-MuiTableRow-root"
+              className="MuiTableRow-root MuiTableRow-hover css-cn4v9y-MuiTableRow-root"
               role="row"
             >
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-7n01ps"
+                  className="MuiBox-root css-7n01ps"
                   data-loading={true}
                 >
                   <svg
                     aria-hidden={true}
-                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium mui-1db085k-MuiSvgIcon-root"
+                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium css-1db085k-MuiSvgIcon-root"
                     data-testid="LabelIcon"
                     focusable="false"
                     viewBox="0 0 24 24"
@@ -772,17 +772,17 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <span
-                  className="tss-g3rrgy-wrapper"
+                  className="css-g3rrgy-wrapper"
                 >
                   <div
-                    className="tss-1sfnvgj-container"
+                    className="css-1sfnvgj-container"
                   >
                     <span
-                      className="tss-lcjmxf-title"
+                      className="css-lcjmxf-title"
                       data-loading={true}
                       style={
                         {
@@ -794,7 +794,7 @@ exports[`renders an empty list correctly 1`] = `
                       Tag type name
                     </span>
                     <span
-                      className="MuiTypography-root MuiTypography-body1 tss-5zfmpl-description mui-2jk3z8-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body1 css-kyf98y-MuiTypography-root-description"
                       data-loading={true}
                     >
                       Tag type description when loading
@@ -804,11 +804,11 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-1bvc4cc"
+                  className="MuiBox-root css-1bvc4cc"
                   data-loading={true}
                 >
                   <div
@@ -827,7 +827,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-7"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -847,7 +847,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="EditIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -857,7 +857,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -877,7 +877,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-8"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -897,7 +897,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="DeleteIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -907,7 +907,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -915,21 +915,21 @@ exports[`renders an empty list correctly 1`] = `
               </td>
             </tr>
             <tr
-              className="MuiTableRow-root MuiTableRow-hover mui-cn4v9y-MuiTableRow-root"
+              className="MuiTableRow-root MuiTableRow-hover css-cn4v9y-MuiTableRow-root"
               role="row"
             >
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-7n01ps"
+                  className="MuiBox-root css-7n01ps"
                   data-loading={true}
                 >
                   <svg
                     aria-hidden={true}
-                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium mui-1db085k-MuiSvgIcon-root"
+                    className="MuiSvgIcon-root MuiSvgIcon-colorDisabled MuiSvgIcon-fontSizeMedium css-1db085k-MuiSvgIcon-root"
                     data-testid="LabelIcon"
                     focusable="false"
                     viewBox="0 0 24 24"
@@ -942,17 +942,17 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <span
-                  className="tss-g3rrgy-wrapper"
+                  className="css-g3rrgy-wrapper"
                 >
                   <div
-                    className="tss-1sfnvgj-container"
+                    className="css-1sfnvgj-container"
                   >
                     <span
-                      className="tss-lcjmxf-title"
+                      className="css-lcjmxf-title"
                       data-loading={true}
                       style={
                         {
@@ -964,7 +964,7 @@ exports[`renders an empty list correctly 1`] = `
                       Tag type name
                     </span>
                     <span
-                      className="MuiTypography-root MuiTypography-body1 tss-5zfmpl-description mui-2jk3z8-MuiTypography-root"
+                      className="MuiTypography-root MuiTypography-body1 css-kyf98y-MuiTypography-root-description"
                       data-loading={true}
                     >
                       Tag type description when loading
@@ -974,11 +974,11 @@ exports[`renders an empty list correctly 1`] = `
               </td>
               <td
                 aria-sort={null}
-                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium tss-zrdz81-tableCell mui-19qchji-MuiTableCell-root"
+                className="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-fv4mw1-MuiTableCell-root-tableCell"
                 role="cell"
               >
                 <div
-                  className="MuiBox-root mui-1bvc4cc"
+                  className="MuiBox-root css-1bvc4cc"
                   data-loading={true}
                 >
                   <div
@@ -997,7 +997,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-9"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -1017,7 +1017,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="EditIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -1027,7 +1027,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -1047,7 +1047,7 @@ exports[`renders an empty list correctly 1`] = `
                   >
                     <button
                       aria-labelledby="useId-10"
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge mui-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
                       disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -1067,7 +1067,7 @@ exports[`renders an empty list correctly 1`] = `
                     >
                       <svg
                         aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-i4bv87-MuiSvgIcon-root"
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
                         data-testid="DeleteIcon"
                         focusable="false"
                         viewBox="0 0 24 24"
@@ -1077,7 +1077,7 @@ exports[`renders an empty list correctly 1`] = `
                         />
                       </svg>
                       <span
-                        className="MuiTouchRipple-root mui-8je8zh-MuiTouchRipple-root"
+                        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                       />
                     </button>
                   </div>
@@ -1092,7 +1092,7 @@ exports[`renders an empty list correctly 1`] = `
   <div
     aria-atomic={true}
     aria-live="polite"
-    className="tss-i8rqz1-container"
+    className="css-i8rqz1-container"
     data-testid="ANNOUNCER_ELEMENT_TEST_ID"
     role="status"
   >
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 60a7c996e4..b866cda5f5 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -697,14 +697,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.12.13", "@babel/plugin-syntax-jsx@^7.16.7":
+"@babel/plugin-syntax-jsx@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.16.7.tgz#50b6571d13f764266a113d77c82b4a6508bbe665"
   integrity sha512-Esxmk7YjA8QysKeT3VhTXvF6y77f/a91SIs4pWb4H2eWGQkCKFgQaG6hdoEVZtGsrAcb2K5BW66XsOErD4WU3Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.16.7"
 
-"@babel/plugin-syntax-jsx@^7.18.6":
+"@babel/plugin-syntax-jsx@^7.17.12", "@babel/plugin-syntax-jsx@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
   integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
@@ -1238,14 +1238,14 @@
     core-js-pure "^3.20.2"
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.16.3", "@babel/runtime@^7.17.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.10.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.17.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72"
   integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.18.6":
+"@babel/runtime@^7.18.3", "@babel/runtime@^7.18.6":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.18.9.tgz#b4fcfce55db3d2e5e080d2490f608a3b9f407f4a"
   integrity sha512-lkqXDcvlFT5rvEjiu6+QYO+1GXrEHRo2LOtS7E4GtX5ESIZOgepqsZBVIj6Pv+a6zqsya9VCgiK1KAK4BvJDAw==
@@ -1500,18 +1500,18 @@
     debug "^3.1.0"
     lodash.once "^4.1.1"
 
-"@emotion/babel-plugin@^11.7.1":
-  version "11.9.2"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.9.2.tgz#723b6d394c89fb2ef782229d92ba95a740576e95"
-  integrity sha512-Pr/7HGH6H6yKgnVFNEj2MVlreu3ADqftqjqwUvDy/OJzKFgxKeTQ+eeUf20FOTuHVkDON2iNa25rAXVYtWJCjw==
+"@emotion/babel-plugin@^11.10.0":
+  version "11.10.2"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.10.2.tgz#879db80ba622b3f6076917a1e6f648b1c7d008c7"
+  integrity sha512-xNQ57njWTFVfPAc3cjfuaPdsgLp5QOSuRsj9MA6ndEhH/AzuZM86qIQzt6rq+aGBwj3n5/TkLmU5lhAfdRmogA==
   dependencies:
-    "@babel/helper-module-imports" "^7.12.13"
-    "@babel/plugin-syntax-jsx" "^7.12.13"
-    "@babel/runtime" "^7.13.10"
-    "@emotion/hash" "^0.8.0"
-    "@emotion/memoize" "^0.7.5"
-    "@emotion/serialize" "^1.0.2"
-    babel-plugin-macros "^2.6.1"
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/plugin-syntax-jsx" "^7.17.12"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/hash" "^0.9.0"
+    "@emotion/memoize" "^0.8.0"
+    "@emotion/serialize" "^1.1.0"
+    babel-plugin-macros "^3.1.0"
     convert-source-map "^1.5.0"
     escape-string-regexp "^4.0.0"
     find-root "^1.1.0"
@@ -1529,7 +1529,7 @@
     "@emotion/weak-memoize" "^0.2.5"
     stylis "4.0.13"
 
-"@emotion/cache@^11.10.1":
+"@emotion/cache@^11.10.0", "@emotion/cache@^11.10.1":
   version "11.10.3"
   resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.10.3.tgz#c4f67904fad10c945fea5165c3a5a0583c164b87"
   integrity sha512-Psmp/7ovAa8appWh3g51goxu/z3iVms7JXOreq136D8Bbn6dYraPnmL6mdM8GThEx9vwSn92Fz+mGSjBzN8UPQ==
@@ -1540,28 +1540,15 @@
     "@emotion/weak-memoize" "^0.3.0"
     stylis "4.0.13"
 
-"@emotion/cache@^11.9.3":
-  version "11.9.3"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.9.3.tgz#96638449f6929fd18062cfe04d79b29b44c0d6cb"
-  integrity sha512-0dgkI/JKlCXa+lEXviaMtGBL0ynpx4osh7rjOXE71q9bIF8G+XhJgvi+wDu0B0IdCVx37BffiwXlN9I3UuzFvg==
-  dependencies:
-    "@emotion/memoize" "^0.7.4"
-    "@emotion/sheet" "^1.1.1"
-    "@emotion/utils" "^1.0.0"
-    "@emotion/weak-memoize" "^0.2.5"
-    stylis "4.0.13"
-
 "@emotion/hash@^0.8.0":
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
   integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
 
-"@emotion/is-prop-valid@^1.1.3":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.1.3.tgz#f0907a416368cf8df9e410117068e20fe87c0a3a"
-  integrity sha512-RFg04p6C+1uO19uG8N+vqanzKqiM9eeV1LDOG3bmkYmuOj7NbKNlFC/4EZq5gnwAIlcC/jOT24f8Td0iax2SXA==
-  dependencies:
-    "@emotion/memoize" "^0.7.4"
+"@emotion/hash@^0.9.0":
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.0.tgz#c5153d50401ee3c027a57a177bc269b16d889cb7"
+  integrity sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==
 
 "@emotion/is-prop-valid@^1.2.0":
   version "1.2.0"
@@ -1570,7 +1557,7 @@
   dependencies:
     "@emotion/memoize" "^0.8.0"
 
-"@emotion/memoize@^0.7.4", "@emotion/memoize@^0.7.5":
+"@emotion/memoize@^0.7.4":
   version "0.7.5"
   resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.5.tgz#2c40f81449a4e554e9fc6396910ed4843ec2be50"
   integrity sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==
@@ -1580,20 +1567,20 @@
   resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.0.tgz#f580f9beb67176fa57aae70b08ed510e1b18980f"
   integrity sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==
 
-"@emotion/react@11.9.3":
-  version "11.9.3"
-  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.9.3.tgz#f4f4f34444f6654a2e550f5dab4f2d360c101df9"
-  integrity sha512-g9Q1GcTOlzOEjqwuLF/Zd9LC+4FljjPjDfxSM7KmEakm+hsHXk+bYZ2q+/hTJzr0OUNkujo72pXLQvXj6H+GJQ==
+"@emotion/react@11.10.0":
+  version "11.10.0"
+  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.10.0.tgz#53c577f063f26493f68a05188fb87528d912ff2e"
+  integrity sha512-K6z9zlHxxBXwN8TcpwBKcEsBsOw4JWCCmR+BeeOWgqp8GIU1yA2Odd41bwdAAr0ssbQrbJbVnndvv7oiv1bZeQ==
   dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@emotion/babel-plugin" "^11.7.1"
-    "@emotion/cache" "^11.9.3"
-    "@emotion/serialize" "^1.0.4"
-    "@emotion/utils" "^1.1.0"
-    "@emotion/weak-memoize" "^0.2.5"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.10.0"
+    "@emotion/cache" "^11.10.0"
+    "@emotion/serialize" "^1.1.0"
+    "@emotion/utils" "^1.2.0"
+    "@emotion/weak-memoize" "^0.3.0"
     hoist-non-react-statics "^3.3.1"
 
-"@emotion/serialize@*", "@emotion/serialize@^1.0.2":
+"@emotion/serialize@*":
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.3.tgz#99e2060c26c6292469fb30db41f4690e1c8fea63"
   integrity sha512-2mSSvgLfyV3q+iVh3YWgNlUc2a9ZlDU7DjuP5MjK3AXRR0dYigCrP99aeFtaB2L/hjfEZdSThn5dsZ0ufqbvsA==
@@ -1604,15 +1591,15 @@
     "@emotion/utils" "^1.0.0"
     csstype "^3.0.2"
 
-"@emotion/serialize@^1.0.4":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.4.tgz#ff31fd11bb07999611199c2229e152faadc21a3c"
-  integrity sha512-1JHamSpH8PIfFwAMryO2bNka+y8+KA5yga5Ocf2d7ZEiJjb7xlLW7aknBGZqJLajuLOvJ+72vN+IBSwPlXD1Pg==
+"@emotion/serialize@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.0.tgz#b1f97b1011b09346a40e9796c37a3397b4ea8ea8"
+  integrity sha512-F1ZZZW51T/fx+wKbVlwsfchr5q97iW8brAnXmsskz4d0hVB4O3M/SiA3SaeH06x02lSNzkkQv+n3AX3kCXKSFA==
   dependencies:
-    "@emotion/hash" "^0.8.0"
-    "@emotion/memoize" "^0.7.4"
-    "@emotion/unitless" "^0.7.5"
-    "@emotion/utils" "^1.0.0"
+    "@emotion/hash" "^0.9.0"
+    "@emotion/memoize" "^0.8.0"
+    "@emotion/unitless" "^0.8.0"
+    "@emotion/utils" "^1.2.0"
     csstype "^3.0.2"
 
 "@emotion/sheet@^1.1.0":
@@ -1620,33 +1607,33 @@
   resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.1.0.tgz#56d99c41f0a1cda2726a05aa6a20afd4c63e58d2"
   integrity sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==
 
-"@emotion/sheet@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.1.1.tgz#015756e2a9a3c7c5f11d8ec22966a8dbfbfac787"
-  integrity sha512-J3YPccVRMiTZxYAY0IOq3kd+hUP8idY8Kz6B/Cyo+JuXq52Ek+zbPbSQUrVQp95aJ+lsAW7DPL1P2Z+U1jGkKA==
-
 "@emotion/sheet@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.0.tgz#771b1987855839e214fc1741bde43089397f7be5"
   integrity sha512-OiTkRgpxescko+M51tZsMq7Puu/KP55wMT8BgpcXVG2hqXc0Vo0mfymJ/Uj24Hp0i083ji/o0aLddh08UEjq8w==
 
-"@emotion/styled@11.9.3":
-  version "11.9.3"
-  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.9.3.tgz#47f0c71137fec7c57035bf3659b52fb536792340"
-  integrity sha512-o3sBNwbtoVz9v7WB1/Y/AmXl69YHmei2mrVnK7JgyBJ//Rst5yqPZCecEJlMlJrFeWHp+ki/54uN265V2pEcXA==
+"@emotion/styled@11.10.0":
+  version "11.10.0"
+  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.10.0.tgz#c19484dab4206ae46727c07efb4316423dd21312"
+  integrity sha512-V9oaEH6V4KePeQpgUE83i8ht+4Ri3E8Djp/ZPJ4DQlqWhSKITvgzlR3/YQE2hdfP4Jw3qVRkANJz01LLqK9/TA==
   dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@emotion/babel-plugin" "^11.7.1"
-    "@emotion/is-prop-valid" "^1.1.3"
-    "@emotion/serialize" "^1.0.4"
-    "@emotion/utils" "^1.1.0"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.10.0"
+    "@emotion/is-prop-valid" "^1.2.0"
+    "@emotion/serialize" "^1.1.0"
+    "@emotion/utils" "^1.2.0"
 
 "@emotion/unitless@^0.7.5":
   version "0.7.5"
   resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
   integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
 
-"@emotion/utils@*", "@emotion/utils@^1.0.0", "@emotion/utils@^1.1.0":
+"@emotion/unitless@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.0.tgz#a4a36e9cbdc6903737cd20d38033241e1b8833db"
+  integrity sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==
+
+"@emotion/utils@*", "@emotion/utils@^1.0.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.1.0.tgz#86b0b297f3f1a0f2bdb08eeac9a2f49afd40d0cf"
   integrity sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ==
@@ -2892,15 +2879,6 @@ babel-plugin-dynamic-import-node@^2.3.3:
   dependencies:
     object.assign "^4.1.0"
 
-babel-plugin-macros@^2.6.1:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz#0f958a7cc6556b1e65344465d99111a1e5e10138"
-  integrity sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==
-  dependencies:
-    "@babel/runtime" "^7.7.2"
-    cosmiconfig "^6.0.0"
-    resolve "^1.12.0"
-
 babel-plugin-macros@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
@@ -3404,17 +3382,6 @@ core-util-is@1.0.2:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
   integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
-
 cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
@@ -4782,7 +4749,7 @@ immutable@^4.0.0:
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23"
   integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==
 
-import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
+import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -6179,7 +6146,7 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve@^1.12.0, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0:
+resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0:
   version "1.22.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.0.tgz#5e0b8c67c15df57a89bdbabe603a002f21731198"
   integrity sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==
@@ -7089,7 +7056,7 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.7.2:
+yaml@^1.10.0:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==