diff --git a/packages/admin-test-utils/package.json b/packages/admin-test-utils/package.json
index 1e29f42956..60ee8d2556 100644
--- a/packages/admin-test-utils/package.json
+++ b/packages/admin-test-utils/package.json
@@ -20,7 +20,7 @@
   "devDependencies": {
     "@testing-library/jest-dom": "5.16.5",
     "core-js": "3.26.1",
-    "jest-styled-components": "7.0.2",
+    "jest-styled-components": "7.1.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-is": "^17.0.2",
diff --git a/packages/core/admin/admin/src/components/GuidedTour/Homepage/tests/index.test.js b/packages/core/admin/admin/src/components/GuidedTour/Homepage/tests/index.test.js
index 857ee7a4e7..cfd9433923 100644
--- a/packages/core/admin/admin/src/components/GuidedTour/Homepage/tests/index.test.js
+++ b/packages/core/admin/admin/src/components/GuidedTour/Homepage/tests/index.test.js
@@ -339,8 +339,7 @@ describe('GuidedTour Homepage', () => {
         color: #666687;
       }
 
-      .c24[aria-disabled='true'] svg > g,
-      .c24[aria-disabled='true'] svg path {
+      .c24[aria-disabled='true'] svg > g,.c24[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -353,8 +352,7 @@ describe('GuidedTour Homepage', () => {
         color: #666687;
       }
 
-      .c24[aria-disabled='true']:active svg > g,
-      .c24[aria-disabled='true']:active svg path {
+      .c24[aria-disabled='true']:active svg > g,.c24[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -412,8 +410,7 @@ describe('GuidedTour Homepage', () => {
         color: #666687;
       }
 
-      .c17[aria-disabled='true'] svg > g,
-      .c17[aria-disabled='true'] svg path {
+      .c17[aria-disabled='true'] svg > g,.c17[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -426,8 +423,7 @@ describe('GuidedTour Homepage', () => {
         color: #666687;
       }
 
-      .c17[aria-disabled='true']:active svg > g,
-      .c17[aria-disabled='true']:active svg path {
+      .c17[aria-disabled='true']:active svg > g,.c17[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/components/GuidedTour/Modal/tests/index.test.js b/packages/core/admin/admin/src/components/GuidedTour/Modal/tests/index.test.js
index 6ef1b6b077..64daa47936 100644
--- a/packages/core/admin/admin/src/components/GuidedTour/Modal/tests/index.test.js
+++ b/packages/core/admin/admin/src/components/GuidedTour/Modal/tests/index.test.js
@@ -357,8 +357,7 @@ describe('<GuidedTourModal />', () => {
         color: #666687;
       }
 
-      .c26[aria-disabled='true'] svg > g,
-      .c26[aria-disabled='true'] svg path {
+      .c26[aria-disabled='true'] svg > g,.c26[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -371,8 +370,7 @@ describe('<GuidedTourModal />', () => {
         color: #666687;
       }
 
-      .c26[aria-disabled='true']:active svg > g,
-      .c26[aria-disabled='true']:active svg path {
+      .c26[aria-disabled='true']:active svg > g,.c26[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -429,8 +427,7 @@ describe('<GuidedTourModal />', () => {
         color: #666687;
       }
 
-      .c29[aria-disabled='true'] svg > g,
-      .c29[aria-disabled='true'] svg path {
+      .c29[aria-disabled='true'] svg > g,.c29[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -443,8 +440,7 @@ describe('<GuidedTourModal />', () => {
         color: #666687;
       }
 
-      .c29[aria-disabled='true']:active svg > g,
-      .c29[aria-disabled='true']:active svg path {
+      .c29[aria-disabled='true']:active svg > g,.c29[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/RelationMultiple/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/RelationMultiple/tests/__snapshots__/index.test.js.snap
index c4b9541e50..35c51cbf08 100644
--- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/RelationMultiple/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/RelationMultiple/tests/__snapshots__/index.test.js.snap
@@ -172,8 +172,7 @@ exports[`DynamicTabe / Cellcontent / RelationMultiple renders and matches the sn
   color: #666687;
 }
 
-.c2[aria-disabled='true'] svg > g,
-.c2[aria-disabled='true'] svg path {
+.c2[aria-disabled='true'] svg > g,.c2[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -186,8 +185,7 @@ exports[`DynamicTabe / Cellcontent / RelationMultiple renders and matches the sn
   color: #666687;
 }
 
-.c2[aria-disabled='true']:active svg > g,
-.c2[aria-disabled='true']:active svg path {
+.c2[aria-disabled='true']:active svg > g,.c2[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js
index 2610f8fb0c..4432f89289 100644
--- a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js
+++ b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js
@@ -308,8 +308,7 @@ describe('Wysiwyg render and actions buttons', () => {
         color: #666687;
       }
 
-      .c27[aria-disabled='true'] svg > g,
-      .c27[aria-disabled='true'] svg path {
+      .c27[aria-disabled='true'] svg > g,.c27[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -322,8 +321,7 @@ describe('Wysiwyg render and actions buttons', () => {
         color: #666687;
       }
 
-      .c27[aria-disabled='true']:active svg > g,
-      .c27[aria-disabled='true']:active svg path {
+      .c27[aria-disabled='true']:active svg > g,.c27[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap
index a826ae9ecc..cff245224c 100644
--- a/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap
@@ -349,8 +349,7 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c13[aria-disabled='true'] svg > g,
-.c13[aria-disabled='true'] svg path {
+.c13[aria-disabled='true'] svg > g,.c13[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -363,8 +362,7 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c13[aria-disabled='true']:active svg > g,
-.c13[aria-disabled='true']:active svg path {
+.c13[aria-disabled='true']:active svg > g,.c13[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -430,8 +428,7 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c56[aria-disabled='true'] svg > g,
-.c56[aria-disabled='true'] svg path {
+.c56[aria-disabled='true'] svg > g,.c56[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -444,8 +441,7 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c56[aria-disabled='true']:active svg > g,
-.c56[aria-disabled='true']:active svg path {
+.c56[aria-disabled='true']:active svg > g,.c56[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -695,8 +691,7 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c39[aria-disabled='true'] svg > g,
-.c39[aria-disabled='true'] svg path {
+.c39[aria-disabled='true'] svg > g,.c39[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -709,8 +704,7 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c39[aria-disabled='true']:active svg > g,
-.c39[aria-disabled='true']:active svg path {
+.c39[aria-disabled='true']:active svg > g,.c39[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -1813,8 +1807,7 @@ exports[`EditSettingsView should add field 1`] = `
   color: #666687;
 }
 
-.c13[aria-disabled='true'] svg > g,
-.c13[aria-disabled='true'] svg path {
+.c13[aria-disabled='true'] svg > g,.c13[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -1827,8 +1820,7 @@ exports[`EditSettingsView should add field 1`] = `
   color: #666687;
 }
 
-.c13[aria-disabled='true']:active svg > g,
-.c13[aria-disabled='true']:active svg path {
+.c13[aria-disabled='true']:active svg > g,.c13[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -1894,8 +1886,7 @@ exports[`EditSettingsView should add field 1`] = `
   color: #666687;
 }
 
-.c56[aria-disabled='true'] svg > g,
-.c56[aria-disabled='true'] svg path {
+.c56[aria-disabled='true'] svg > g,.c56[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -1908,8 +1899,7 @@ exports[`EditSettingsView should add field 1`] = `
   color: #666687;
 }
 
-.c56[aria-disabled='true']:active svg > g,
-.c56[aria-disabled='true']:active svg path {
+.c56[aria-disabled='true']:active svg > g,.c56[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -2159,8 +2149,7 @@ exports[`EditSettingsView should add field 1`] = `
   color: #666687;
 }
 
-.c39[aria-disabled='true'] svg > g,
-.c39[aria-disabled='true'] svg path {
+.c39[aria-disabled='true'] svg > g,.c39[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -2173,8 +2162,7 @@ exports[`EditSettingsView should add field 1`] = `
   color: #666687;
 }
 
-.c39[aria-disabled='true']:active svg > g,
-.c39[aria-disabled='true']:active svg path {
+.c39[aria-disabled='true']:active svg > g,.c39[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/admin/admin/src/content-manager/pages/EditView/Header/tests/index.test.js b/packages/core/admin/admin/src/content-manager/pages/EditView/Header/tests/index.test.js
index bf9f81278e..ab119728e5 100644
--- a/packages/core/admin/admin/src/content-manager/pages/EditView/Header/tests/index.test.js
+++ b/packages/core/admin/admin/src/content-manager/pages/EditView/Header/tests/index.test.js
@@ -231,8 +231,7 @@ describe('CONTENT MANAGER | EditView | Header', () => {
         color: #666687;
       }
 
-      .c13[aria-disabled='true'] svg > g,
-      .c13[aria-disabled='true'] svg path {
+      .c13[aria-disabled='true'] svg > g,.c13[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -245,8 +244,7 @@ describe('CONTENT MANAGER | EditView | Header', () => {
         color: #666687;
       }
 
-      .c13[aria-disabled='true']:active svg > g,
-      .c13[aria-disabled='true']:active svg path {
+      .c13[aria-disabled='true']:active svg > g,.c13[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap
index a217935a99..a2fa9adc80 100644
--- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/__snapshots__/index.test.js.snap
@@ -408,8 +408,7 @@ exports[`ADMIN | CM | LV | Configure the view renders and matches the snapshot 1
   color: #666687;
 }
 
-.c16[aria-disabled='true'] svg > g,
-.c16[aria-disabled='true'] svg path {
+.c16[aria-disabled='true'] svg > g,.c16[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -422,8 +421,7 @@ exports[`ADMIN | CM | LV | Configure the view renders and matches the snapshot 1
   color: #666687;
 }
 
-.c16[aria-disabled='true']:active svg > g,
-.c16[aria-disabled='true']:active svg path {
+.c16[aria-disabled='true']:active svg > g,.c16[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -2140,8 +2138,7 @@ exports[`ADMIN | CM | LV | Configure the view should add field 1`] = `
   color: #666687;
 }
 
-.c16[aria-disabled='true'] svg > g,
-.c16[aria-disabled='true'] svg path {
+.c16[aria-disabled='true'] svg > g,.c16[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -2154,8 +2151,7 @@ exports[`ADMIN | CM | LV | Configure the view should add field 1`] = `
   color: #666687;
 }
 
-.c16[aria-disabled='true']:active svg > g,
-.c16[aria-disabled='true']:active svg path {
+.c16[aria-disabled='true']:active svg > g,.c16[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/admin/admin/src/content-manager/pages/NoContentType/tests/index.test.js b/packages/core/admin/admin/src/content-manager/pages/NoContentType/tests/index.test.js
index 85ba940130..d49ed88d77 100644
--- a/packages/core/admin/admin/src/content-manager/pages/NoContentType/tests/index.test.js
+++ b/packages/core/admin/admin/src/content-manager/pages/NoContentType/tests/index.test.js
@@ -231,8 +231,7 @@ describe('CONTENT MANAGER | pages | NoContentType', () => {
         color: #666687;
       }
 
-      .c15[aria-disabled='true'] svg > g,
-      .c15[aria-disabled='true'] svg path {
+      .c15[aria-disabled='true'] svg > g,.c15[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -245,8 +244,7 @@ describe('CONTENT MANAGER | pages | NoContentType', () => {
         color: #666687;
       }
 
-      .c15[aria-disabled='true']:active svg > g,
-      .c15[aria-disabled='true']:active svg path {
+      .c15[aria-disabled='true']:active svg > g,.c15[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js
index 91f9703f0c..32fdf7904f 100644
--- a/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js
+++ b/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js
@@ -291,8 +291,7 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => {
         color: #666687;
       }
 
-      .c31[aria-disabled='true'] svg > g,
-      .c31[aria-disabled='true'] svg path {
+      .c31[aria-disabled='true'] svg > g,.c31[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -305,8 +304,7 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => {
         color: #666687;
       }
 
-      .c31[aria-disabled='true']:active svg > g,
-      .c31[aria-disabled='true']:active svg path {
+      .c31[aria-disabled='true']:active svg > g,.c31[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Oops/tests/index.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/Oops/tests/index.test.js
index 47db1dece2..a1cf1f6724 100644
--- a/packages/core/admin/admin/src/pages/AuthPage/components/Oops/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/AuthPage/components/Oops/tests/index.test.js
@@ -238,8 +238,7 @@ describe('ADMIN | PAGES | AUTH | Oops', () => {
         color: #666687;
       }
 
-      .c4[aria-disabled='true'] svg > g,
-      .c4[aria-disabled='true'] svg path {
+      .c4[aria-disabled='true'] svg > g,.c4[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -252,8 +251,7 @@ describe('ADMIN | PAGES | AUTH | Oops', () => {
         color: #666687;
       }
 
-      .c4[aria-disabled='true']:active svg > g,
-      .c4[aria-disabled='true']:active svg path {
+      .c4[aria-disabled='true']:active svg > g,.c4[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js
index 84e27030ae..f13923c269 100644
--- a/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js
@@ -316,8 +316,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
         color: #666687;
       }
 
-      .c4[aria-disabled='true'] svg > g,
-      .c4[aria-disabled='true'] svg path {
+      .c4[aria-disabled='true'] svg > g,.c4[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -330,8 +329,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
         color: #666687;
       }
 
-      .c4[aria-disabled='true']:active svg > g,
-      .c4[aria-disabled='true']:active svg path {
+      .c4[aria-disabled='true']:active svg > g,.c4[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -398,8 +396,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
         color: #666687;
       }
 
-      .c42[aria-disabled='true'] svg > g,
-      .c42[aria-disabled='true'] svg path {
+      .c42[aria-disabled='true'] svg > g,.c42[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -412,8 +409,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
         color: #666687;
       }
 
-      .c42[aria-disabled='true']:active svg > g,
-      .c42[aria-disabled='true']:active svg path {
+      .c42[aria-disabled='true']:active svg > g,.c42[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js
index 1490294738..9bf02b0344 100644
--- a/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js
@@ -311,8 +311,7 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
         color: #666687;
       }
 
-      .c4[aria-disabled='true'] svg > g,
-      .c4[aria-disabled='true'] svg path {
+      .c4[aria-disabled='true'] svg > g,.c4[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -325,8 +324,7 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
         color: #666687;
       }
 
-      .c4[aria-disabled='true']:active svg > g,
-      .c4[aria-disabled='true']:active svg path {
+      .c4[aria-disabled='true']:active svg > g,.c4[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -384,8 +382,7 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
         color: #666687;
       }
 
-      .c32[aria-disabled='true'] svg > g,
-      .c32[aria-disabled='true'] svg path {
+      .c32[aria-disabled='true'] svg > g,.c32[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -398,8 +395,7 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
         color: #666687;
       }
 
-      .c32[aria-disabled='true']:active svg > g,
-      .c32[aria-disabled='true']:active svg path {
+      .c32[aria-disabled='true']:active svg > g,.c32[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js b/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js
index 53d7236268..35c578b1ae 100644
--- a/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js
@@ -327,8 +327,7 @@ describe('Homepage', () => {
         color: #666687;
       }
 
-      .c18[aria-disabled='true'] svg > g,
-      .c18[aria-disabled='true'] svg path {
+      .c18[aria-disabled='true'] svg > g,.c18[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -341,8 +340,7 @@ describe('Homepage', () => {
         color: #666687;
       }
 
-      .c18[aria-disabled='true']:active svg > g,
-      .c18[aria-disabled='true']:active svg path {
+      .c18[aria-disabled='true']:active svg > g,.c18[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -464,8 +462,7 @@ describe('Homepage', () => {
         color: #666687;
       }
 
-      .c45[aria-disabled='true'] svg > g,
-      .c45[aria-disabled='true'] svg path {
+      .c45[aria-disabled='true'] svg > g,.c45[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -478,8 +475,7 @@ describe('Homepage', () => {
         color: #666687;
       }
 
-      .c45[aria-disabled='true']:active svg > g,
-      .c45[aria-disabled='true']:active svg path {
+      .c45[aria-disabled='true']:active svg > g,.c45[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/InternalErrorPage/tests/index.test.js b/packages/core/admin/admin/src/pages/InternalErrorPage/tests/index.test.js
index 1da22a4e31..05e9db8e75 100644
--- a/packages/core/admin/admin/src/pages/InternalErrorPage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/InternalErrorPage/tests/index.test.js
@@ -226,8 +226,7 @@ describe('InternalErrorPage', () => {
         color: #666687;
       }
 
-      .c15[aria-disabled='true'] svg > g,
-      .c15[aria-disabled='true'] svg path {
+      .c15[aria-disabled='true'] svg > g,.c15[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -240,8 +239,7 @@ describe('InternalErrorPage', () => {
         color: #666687;
       }
 
-      .c15[aria-disabled='true']:active svg > g,
-      .c15[aria-disabled='true']:active svg path {
+      .c15[aria-disabled='true']:active svg > g,.c15[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap
index 8811ab462b..d81dd330e6 100644
--- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap
@@ -464,8 +464,7 @@ exports[`Marketplace page - layout renders the online layout 1`] = `
   color: #666687;
 }
 
-.c46[aria-disabled='true'] svg > g,
-.c46[aria-disabled='true'] svg path {
+.c46[aria-disabled='true'] svg > g,.c46[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -478,8 +477,7 @@ exports[`Marketplace page - layout renders the online layout 1`] = `
   color: #666687;
 }
 
-.c46[aria-disabled='true']:active svg > g,
-.c46[aria-disabled='true']:active svg path {
+.c46[aria-disabled='true']:active svg > g,.c46[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -538,8 +536,7 @@ exports[`Marketplace page - layout renders the online layout 1`] = `
   color: #666687;
 }
 
-.c73[aria-disabled='true'] svg > g,
-.c73[aria-disabled='true'] svg path {
+.c73[aria-disabled='true'] svg > g,.c73[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -552,8 +549,7 @@ exports[`Marketplace page - layout renders the online layout 1`] = `
   color: #666687;
 }
 
-.c73[aria-disabled='true']:active svg > g,
-.c73[aria-disabled='true']:active svg path {
+.c73[aria-disabled='true']:active svg > g,.c73[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -810,8 +806,7 @@ exports[`Marketplace page - layout renders the online layout 1`] = `
   color: #666687;
 }
 
-.c12[aria-disabled='true'] svg > g,
-.c12[aria-disabled='true'] svg path {
+.c12[aria-disabled='true'] svg > g,.c12[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -824,8 +819,7 @@ exports[`Marketplace page - layout renders the online layout 1`] = `
   color: #666687;
 }
 
-.c12[aria-disabled='true']:active svg > g,
-.c12[aria-disabled='true']:active svg path {
+.c12[aria-disabled='true']:active svg > g,.c12[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/plugins.test.js.snap b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/plugins.test.js.snap
index a8678861d5..38366ecf56 100644
--- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/plugins.test.js.snap
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/plugins.test.js.snap
@@ -464,8 +464,7 @@ exports[`Marketplace page - plugins tab renders and matches the plugin tab snaps
   color: #666687;
 }
 
-.c46[aria-disabled='true'] svg > g,
-.c46[aria-disabled='true'] svg path {
+.c46[aria-disabled='true'] svg > g,.c46[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -478,8 +477,7 @@ exports[`Marketplace page - plugins tab renders and matches the plugin tab snaps
   color: #666687;
 }
 
-.c46[aria-disabled='true']:active svg > g,
-.c46[aria-disabled='true']:active svg path {
+.c46[aria-disabled='true']:active svg > g,.c46[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -538,8 +536,7 @@ exports[`Marketplace page - plugins tab renders and matches the plugin tab snaps
   color: #666687;
 }
 
-.c73[aria-disabled='true'] svg > g,
-.c73[aria-disabled='true'] svg path {
+.c73[aria-disabled='true'] svg > g,.c73[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -552,8 +549,7 @@ exports[`Marketplace page - plugins tab renders and matches the plugin tab snaps
   color: #666687;
 }
 
-.c73[aria-disabled='true']:active svg > g,
-.c73[aria-disabled='true']:active svg path {
+.c73[aria-disabled='true']:active svg > g,.c73[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -810,8 +806,7 @@ exports[`Marketplace page - plugins tab renders and matches the plugin tab snaps
   color: #666687;
 }
 
-.c12[aria-disabled='true'] svg > g,
-.c12[aria-disabled='true'] svg path {
+.c12[aria-disabled='true'] svg > g,.c12[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -824,8 +819,7 @@ exports[`Marketplace page - plugins tab renders and matches the plugin tab snaps
   color: #666687;
 }
 
-.c12[aria-disabled='true']:active svg > g,
-.c12[aria-disabled='true']:active svg path {
+.c12[aria-disabled='true']:active svg > g,.c12[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/providers.test.js.snap b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/providers.test.js.snap
index 8ee81b3003..1413968348 100644
--- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/providers.test.js.snap
+++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/providers.test.js.snap
@@ -459,8 +459,7 @@ exports[`Marketplace page - providers tab renders and matches the providers tab
   color: #666687;
 }
 
-.c46[aria-disabled='true'] svg > g,
-.c46[aria-disabled='true'] svg path {
+.c46[aria-disabled='true'] svg > g,.c46[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -473,8 +472,7 @@ exports[`Marketplace page - providers tab renders and matches the providers tab
   color: #666687;
 }
 
-.c46[aria-disabled='true']:active svg > g,
-.c46[aria-disabled='true']:active svg path {
+.c46[aria-disabled='true']:active svg > g,.c46[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -533,8 +531,7 @@ exports[`Marketplace page - providers tab renders and matches the providers tab
   color: #666687;
 }
 
-.c69[aria-disabled='true'] svg > g,
-.c69[aria-disabled='true'] svg path {
+.c69[aria-disabled='true'] svg > g,.c69[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -547,8 +544,7 @@ exports[`Marketplace page - providers tab renders and matches the providers tab
   color: #666687;
 }
 
-.c69[aria-disabled='true']:active svg > g,
-.c69[aria-disabled='true']:active svg path {
+.c69[aria-disabled='true']:active svg > g,.c69[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -805,8 +801,7 @@ exports[`Marketplace page - providers tab renders and matches the providers tab
   color: #666687;
 }
 
-.c12[aria-disabled='true'] svg > g,
-.c12[aria-disabled='true'] svg path {
+.c12[aria-disabled='true'] svg > g,.c12[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -819,8 +814,7 @@ exports[`Marketplace page - providers tab renders and matches the providers tab
   color: #666687;
 }
 
-.c12[aria-disabled='true']:active svg > g,
-.c12[aria-disabled='true']:active svg path {
+.c12[aria-disabled='true']:active svg > g,.c12[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/admin/admin/src/pages/NotFoundPage/tests/index.test.js b/packages/core/admin/admin/src/pages/NotFoundPage/tests/index.test.js
index f90745e2f5..74aac50efe 100644
--- a/packages/core/admin/admin/src/pages/NotFoundPage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/NotFoundPage/tests/index.test.js
@@ -226,8 +226,7 @@ describe('NotFoundPage', () => {
         color: #666687;
       }
 
-      .c15[aria-disabled='true'] svg > g,
-      .c15[aria-disabled='true'] svg path {
+      .c15[aria-disabled='true'] svg > g,.c15[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -240,8 +239,7 @@ describe('NotFoundPage', () => {
         color: #666687;
       }
 
-      .c15[aria-disabled='true']:active svg > g,
-      .c15[aria-disabled='true']:active svg path {
+      .c15[aria-disabled='true']:active svg > g,.c15[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/ProfilePage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/ProfilePage/tests/__snapshots__/index.test.js.snap
index ae11fabb09..e3df34e058 100644
--- a/packages/core/admin/admin/src/pages/ProfilePage/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/pages/ProfilePage/tests/__snapshots__/index.test.js.snap
@@ -401,8 +401,7 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c8[aria-disabled='true'] svg > g,
-.c8[aria-disabled='true'] svg path {
+.c8[aria-disabled='true'] svg > g,.c8[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -415,8 +414,7 @@ exports[`ADMIN | Pages | Profile page renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c8[aria-disabled='true']:active svg > g,
-.c8[aria-disabled='true']:active svg path {
+.c8[aria-disabled='true']:active svg > g,.c8[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap
index adaa8d3035..d9dc433149 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap
@@ -429,8 +429,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   color: #666687;
 }
 
-.c15[aria-disabled='true'] svg > g,
-.c15[aria-disabled='true'] svg path {
+.c15[aria-disabled='true'] svg > g,.c15[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -443,8 +442,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   color: #666687;
 }
 
-.c15[aria-disabled='true']:active svg > g,
-.c15[aria-disabled='true']:active svg path {
+.c15[aria-disabled='true']:active svg > g,.c15[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -797,10 +795,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   border: 1px solid #4945ff;
 }
 
-.c52:hover:not([aria-disabled='true']) .sc-cqJhZP {
-  color: #271fe0;
-}
-
 .c52:hover:not([aria-disabled='true']) .c7 {
   color: #4945ff;
 }
@@ -821,10 +815,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   border: 1px solid #4945ff;
 }
 
-.c66:hover:not([aria-disabled='true']) .sc-cqJhZP {
-  color: #271fe0;
-}
-
 .c66:hover:not([aria-disabled='true']) .c7 {
   color: #4945ff;
 }
@@ -1400,7 +1390,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                             class="c7 c60"
                           >
                             <span
-                              class="c7 sc-cqJhZP c61"
+                              class="c7 c61"
                               id="accordion-label-accordion-13"
                             >
                               Address
@@ -1465,7 +1455,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                             class="c7 c60"
                           >
                             <span
-                              class="c7 sc-cqJhZP c61"
+                              class="c7 c61"
                               id="accordion-label-accordion-14"
                             >
                               Category
@@ -2045,8 +2035,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   color: #666687;
 }
 
-.c15[aria-disabled='true'] svg > g,
-.c15[aria-disabled='true'] svg path {
+.c15[aria-disabled='true'] svg > g,.c15[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -2059,8 +2048,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   color: #666687;
 }
 
-.c15[aria-disabled='true']:active svg > g,
-.c15[aria-disabled='true']:active svg path {
+.c15[aria-disabled='true']:active svg > g,.c15[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -2117,8 +2105,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   color: #666687;
 }
 
-.c18[aria-disabled='true'] svg > g,
-.c18[aria-disabled='true'] svg path {
+.c18[aria-disabled='true'] svg > g,.c18[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -2131,8 +2118,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   color: #666687;
 }
 
-.c18[aria-disabled='true']:active svg > g,
-.c18[aria-disabled='true']:active svg path {
+.c18[aria-disabled='true']:active svg > g,.c18[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -2535,10 +2521,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   border: 1px solid #4945ff;
 }
 
-.c61:hover:not([aria-disabled='true']) .sc-cqJhZP {
-  color: #271fe0;
-}
-
 .c61:hover:not([aria-disabled='true']) .c7 {
   color: #4945ff;
 }
@@ -2559,10 +2541,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
   border: 1px solid #4945ff;
 }
 
-.c75:hover:not([aria-disabled='true']) .sc-cqJhZP {
-  color: #271fe0;
-}
-
 .c75:hover:not([aria-disabled='true']) .c7 {
   color: #4945ff;
 }
@@ -3214,7 +3192,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                             class="c7 c69"
                           >
                             <span
-                              class="c7 sc-cqJhZP c70"
+                              class="c7 c70"
                               id="accordion-label-accordion-42"
                             >
                               Address
@@ -3279,7 +3257,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
                             class="c7 c69"
                           >
                             <span
-                              class="c7 sc-cqJhZP c70"
+                              class="c7 c70"
                               id="accordion-label-accordion-43"
                             >
                               Category
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/tests/index.test.js
index 62e0abcd31..5ea88de2ff 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/tests/index.test.js
@@ -549,8 +549,7 @@ describe('ADMIN | Pages | API TOKENS | ListPage', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true'] svg > g,
-      .c8[aria-disabled='true'] svg path {
+      .c8[aria-disabled='true'] svg > g,.c8[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -563,8 +562,7 @@ describe('ADMIN | Pages | API TOKENS | ListPage', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true']:active svg > g,
-      .c8[aria-disabled='true']:active svg path {
+      .c8[aria-disabled='true']:active svg > g,.c8[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/tests/__snapshots__/index.test.js.snap
index adec2d74d6..b81e976a3b 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/tests/__snapshots__/index.test.js.snap
@@ -1,10 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ApplicationsInfosPage || LogoInput from computer should render upload modal with from computer tab 1`] = `
-<body
-  class="lock-body-scroll"
->
-  .c23 {
+.c23 {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
@@ -56,6 +53,76 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
   padding-left: 16px;
 }
 
+.c24 {
+  background: #212134;
+  padding: 8px;
+  border-radius: 4px;
+}
+
+.c28 {
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0px 2px 15px rgba(33,33,52,0.1);
+}
+
+.c30 {
+  background: #f6f6f9;
+  padding-top: 16px;
+  padding-right: 20px;
+  padding-bottom: 16px;
+  padding-left: 20px;
+}
+
+.c34 {
+  padding-right: 40px;
+  padding-left: 40px;
+}
+
+.c36 {
+  padding: 16px;
+}
+
+.c41 {
+  background: #eaeaef;
+}
+
+.c43 {
+  padding-top: 24px;
+  padding-right: 40px;
+  padding-bottom: 24px;
+  padding-left: 40px;
+}
+
+.c45 {
+  background: #f6f6f9;
+  padding-top: 48px;
+  padding-bottom: 32px;
+  border-radius: 4px;
+  border-style: dashed;
+  border-width: 1px;
+  border-color: #c0c0cf;
+  position: relative;
+}
+
+.c47 {
+  color: #4945ff;
+  width: 3.75rem;
+  height: 3.75rem;
+}
+
+.c49 {
+  padding-top: 12px;
+  padding-bottom: 20px;
+}
+
+.c54 {
+  padding-top: 24px;
+}
+
+.c48 path {
+  fill: #4945ff;
+}
+
 .c4 {
   font-size: 0.75rem;
   line-height: 1.33;
@@ -79,6 +146,51 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
   color: #666687;
 }
 
+.c26 {
+  font-size: 0.75rem;
+  line-height: 1.33;
+  font-weight: 600;
+  color: #ffffff;
+}
+
+.c33 {
+  font-size: 0.875rem;
+  line-height: 1.43;
+  font-weight: 600;
+  color: #32324d;
+}
+
+.c38 {
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+  color: #4945ff;
+}
+
+.c40 {
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+  color: #666687;
+}
+
+.c50 {
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.25;
+  color: #32324d;
+}
+
+.c53 {
+  font-size: 0.75rem;
+  line-height: 1.33;
+  font-weight: 600;
+  line-height: 1.14;
+  color: #32324d;
+}
+
 .c1 {
   -webkit-align-items: stretch;
   -webkit-box-align: stretch;
@@ -125,6 +237,42 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
   justify-content: center;
 }
 
+.c32 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c46 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
 .c19 {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
@@ -137,6 +285,12 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
   width: 1px;
 }
 
+.c25 {
+  position: absolute;
+  z-index: 4;
+  display: none;
+}
+
 .c8 {
   display: grid;
   grid-template-columns: auto 1fr auto;
@@ -156,6 +310,15 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
   margin-top: 4px;
 }
 
+.c44 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c44 > * + * {
+  margin-top: 8px;
+}
+
 .c16 > * {
   margin-left: 0;
   margin-right: 0;
@@ -270,7 +433,75 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
   fill: #666687;
 }
 
-.c24 .c0 {
+.c27 {
+  position: fixed;
+  z-index: 4;
+  inset: 0;
+  background: #32324d1F;
+  padding: 0 40px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c29 {
+  width: 51.875rem;
+}
+
+.c31 {
+  border-radius: 4px 4px 0 0;
+  border-bottom: 1px solid #eaeaef;
+}
+
+.c55 {
+  border-radius: 0 0 4px 4px;
+  border-top: 1px solid #eaeaef;
+}
+
+.c56 > * + * {
+  margin-left: 8px;
+}
+
+.c37 {
+  border-bottom: 2px solid #4945ff;
+}
+
+.c39 {
+  border-bottom: 2px solid transparent;
+}
+
+.c35[aria-disabled='true'] {
+  cursor: not-allowed;
+}
+
+.c42 {
+  height: 1px;
+  border: none;
+  margin: 0;
+}
+
+.c52 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #4945ff;
+  border: 1px solid #4945ff;
+  height: 2rem;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.c52 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -281,19 +512,66 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
   align-items: center;
 }
 
-.c24 .c3 {
+.c52 .c3 {
   color: #ffffff;
 }
 
-.c24[aria-disabled='true'] .c3 {
+.c52[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c52[aria-disabled='true'] .c3 {
   color: #666687;
 }
 
-.c24[aria-disabled='true']:active .c3 {
+.c52[aria-disabled='true'] svg > g,.c52[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c52[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c52[aria-disabled='true']:active .c3 {
   color: #666687;
 }
 
-.c25 .c0 {
+.c52[aria-disabled='true']:active svg > g,.c52[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c52:hover {
+  border: 1px solid #7b79ff;
+  background: #7b79ff;
+}
+
+.c52:active {
+  border: 1px solid #4945ff;
+  background: #4945ff;
+}
+
+.c52 svg > g,
+.c52 svg path {
+  fill: #ffffff;
+}
+
+.c57 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #4945ff;
+  border: 1px solid #4945ff;
+  height: 2rem;
+  padding-left: 16px;
+  padding-right: 16px;
+  border: 1px solid #dcdce4;
+  background: #ffffff;
+}
+
+.c57 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -304,23 +582,67 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
   align-items: center;
 }
 
-.c25 .c3 {
+.c57 .c3 {
   color: #ffffff;
 }
 
-.c25[aria-disabled='true'] .c3 {
+.c57[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c57[aria-disabled='true'] .c3 {
   color: #666687;
 }
 
-.c25[aria-disabled='true']:active .c3 {
+.c57[aria-disabled='true'] svg > g,.c57[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c57[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c57[aria-disabled='true']:active .c3 {
   color: #666687;
 }
 
-.c25 .c3 {
+.c57[aria-disabled='true']:active svg > g,.c57[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c57:hover {
+  background-color: #f6f6f9;
+}
+
+.c57:active {
+  background-color: #eaeaef;
+}
+
+.c57 .c3 {
   color: #32324d;
 }
 
-<div>
+.c57 svg > g,
+.c57 svg path {
+  fill: #32324d;
+}
+
+.c51 {
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+}
+
+<body
+  class="lock-body-scroll"
+>
+  <div>
     <div>
       <div
         class="c0 c1 c2"
@@ -454,708 +776,69 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
       />
     </div>
   </div>
-  .c1 {
-  background: #212134;
-  padding: 8px;
-  border-radius: 4px;
-}
-
-.c4 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  color: #ffffff;
-}
-
-.c2 {
-  position: absolute;
-  z-index: 4;
-  display: none;
-}
-
-.c5 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c5 .c3 {
-  color: #ffffff;
-}
-
-.c5[aria-disabled='true'] .c3 {
-  color: #666687;
-}
-
-.c5[aria-disabled='true']:active .c3 {
-  color: #666687;
-}
-
-.c6 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c6 .c3 {
-  color: #ffffff;
-}
-
-.c6[aria-disabled='true'] .c3 {
-  color: #666687;
-}
-
-.c6[aria-disabled='true']:active .c3 {
-  color: #666687;
-}
-
-.c6 .c3 {
-  color: #32324d;
-}
-
-<div
+  <div
     data-react-portal="true"
   >
     <div
-      class="c0 c1 c2"
+      class="c0 c24 c25"
       id="tooltip-7"
       role="tooltip"
     >
       <p
-        class="c3 c4"
+        class="c3 c26"
       >
         Change logo
       </p>
     </div>
   </div>
-  .c1 {
-  background: #212134;
-  padding: 8px;
-  border-radius: 4px;
-}
-
-.c4 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  color: #ffffff;
-}
-
-.c2 {
-  position: absolute;
-  z-index: 4;
-  display: none;
-}
-
-.c5 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c5 .c3 {
-  color: #ffffff;
-}
-
-.c5[aria-disabled='true'] .c3 {
-  color: #666687;
-}
-
-.c5[aria-disabled='true']:active .c3 {
-  color: #666687;
-}
-
-.c6 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c6 .c3 {
-  color: #ffffff;
-}
-
-.c6[aria-disabled='true'] .c3 {
-  color: #666687;
-}
-
-.c6[aria-disabled='true']:active .c3 {
-  color: #666687;
-}
-
-.c6 .c3 {
-  color: #32324d;
-}
-
-<div
+  <div
     data-react-portal="true"
   >
     <div
-      class="c0 c1 c2"
+      class="c0 c24 c25"
       id="tooltip-9"
       role="tooltip"
     >
       <p
-        class="c3 c4"
+        class="c3 c26"
       >
         logo.png
       </p>
     </div>
   </div>
-  .c2 {
-  background: #ffffff;
-  border-radius: 4px;
-  box-shadow: 0px 2px 15px rgba(33,33,52,0.1);
-}
-
-.c4 {
-  background: #f6f6f9;
-  padding-top: 16px;
-  padding-right: 20px;
-  padding-bottom: 16px;
-  padding-left: 20px;
-}
-
-.c12 {
-  padding-right: 40px;
-  padding-left: 40px;
-}
-
-.c14 {
-  padding: 16px;
-}
-
-.c19 {
-  background: #eaeaef;
-}
-
-.c21 {
-  padding-top: 24px;
-  padding-right: 40px;
-  padding-bottom: 24px;
-  padding-left: 40px;
-}
-
-.c24 {
-  background: #f6f6f9;
-  padding-top: 48px;
-  padding-bottom: 32px;
-  border-radius: 4px;
-  border-style: dashed;
-  border-width: 1px;
-  border-color: #c0c0cf;
-  position: relative;
-}
-
-.c26 {
-  color: #4945ff;
-  width: 3.75rem;
-  height: 3.75rem;
-}
-
-.c28 {
-  padding-top: 12px;
-  padding-bottom: 20px;
-}
-
-.c33 {
-  padding-top: 24px;
-}
-
-.c27 path {
-  fill: #4945ff;
-}
-
-.c34 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  color: #666687;
-}
-
-.c8 {
-  font-size: 0.875rem;
-  line-height: 1.43;
-  font-weight: 600;
-  color: #32324d;
-}
-
-.c16 {
-  font-weight: 600;
-  font-size: 0.6875rem;
-  line-height: 1.45;
-  text-transform: uppercase;
-  color: #4945ff;
-}
-
-.c18 {
-  font-weight: 600;
-  font-size: 0.6875rem;
-  line-height: 1.45;
-  text-transform: uppercase;
-  color: #666687;
-}
-
-.c29 {
-  font-weight: 500;
-  font-size: 1rem;
-  line-height: 1.25;
-  color: #32324d;
-}
-
-.c32 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  line-height: 1.14;
-  color: #32324d;
-}
-
-.c22 {
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.c36 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.c6 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-.c25 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c11 {
-  border: 0;
-  -webkit-clip: rect(0 0 0 0);
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.c23 > * {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.c23 > * + * {
-  margin-top: 8px;
-}
-
-.c9 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  cursor: pointer;
-  padding: 8px;
-  border-radius: 4px;
-  background: #ffffff;
-  border: 1px solid #dcdce4;
-  position: relative;
-  outline: none;
-}
-
-.c9 svg {
-  height: 12px;
-  width: 12px;
-}
-
-.c9 svg > g,
-.c9 svg path {
-  fill: #ffffff;
-}
-
-.c9[aria-disabled='true'] {
-  pointer-events: none;
-}
-
-.c9:after {
-  -webkit-transition-property: all;
-  transition-property: all;
-  -webkit-transition-duration: 0.2s;
-  transition-duration: 0.2s;
-  border-radius: 8px;
-  content: '';
-  position: absolute;
-  top: -4px;
-  bottom: -4px;
-  left: -4px;
-  right: -4px;
-  border: 2px solid transparent;
-}
-
-.c9:focus-visible {
-  outline: none;
-}
-
-.c9:focus-visible:after {
-  border-radius: 8px;
-  content: '';
-  position: absolute;
-  top: -5px;
-  bottom: -5px;
-  left: -5px;
-  right: -5px;
-  border: 2px solid #4945ff;
-}
-
-.c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  height: 2rem;
-  width: 2rem;
-}
-
-.c10 svg > g,
-.c10 svg path {
-  fill: #8e8ea9;
-}
-
-.c10:hover svg > g,
-.c10:hover svg path {
-  fill: #666687;
-}
-
-.c10:active svg > g,
-.c10:active svg path {
-  fill: #a5a5ba;
-}
-
-.c10[aria-disabled='true'] {
-  background-color: #eaeaef;
-}
-
-.c10[aria-disabled='true'] svg path {
-  fill: #666687;
-}
-
-.c0 {
-  position: fixed;
-  z-index: 4;
-  inset: 0;
-  background: #32324d1F;
-  padding: 0 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c3 {
-  width: 51.875rem;
-}
-
-.c5 {
-  border-radius: 4px 4px 0 0;
-  border-bottom: 1px solid #eaeaef;
-}
-
-.c35 {
-  border-radius: 0 0 4px 4px;
-  border-top: 1px solid #eaeaef;
-}
-
-.c37 > * + * {
-  margin-left: 8px;
-}
-
-.c15 {
-  border-bottom: 2px solid #4945ff;
-}
-
-.c17 {
-  border-bottom: 2px solid transparent;
-}
-
-.c13[aria-disabled='true'] {
-  cursor: not-allowed;
-}
-
-.c20 {
-  height: 1px;
-  border: none;
-  margin: 0;
-}
-
-.c31 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: #4945ff;
-  border: 1px solid #4945ff;
-  height: 2rem;
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.c31 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c31 .c7 {
-  color: #ffffff;
-}
-
-.c31[aria-disabled='true'] {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c31[aria-disabled='true'] .c7 {
-  color: #666687;
-}
-
-.c31[aria-disabled='true'] svg > g,
-.c31[aria-disabled='true'] svg path {
-  fill: #666687;
-}
-
-.c31[aria-disabled='true']:active {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c31[aria-disabled='true']:active .c7 {
-  color: #666687;
-}
-
-.c31[aria-disabled='true']:active svg > g,
-.c31[aria-disabled='true']:active svg path {
-  fill: #666687;
-}
-
-.c31:hover {
-  border: 1px solid #7b79ff;
-  background: #7b79ff;
-}
-
-.c31:active {
-  border: 1px solid #4945ff;
-  background: #4945ff;
-}
-
-.c31 svg > g,
-.c31 svg path {
-  fill: #ffffff;
-}
-
-.c38 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: #4945ff;
-  border: 1px solid #4945ff;
-  height: 2rem;
-  padding-left: 16px;
-  padding-right: 16px;
-  border: 1px solid #dcdce4;
-  background: #ffffff;
-}
-
-.c38 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c38 .c7 {
-  color: #ffffff;
-}
-
-.c38[aria-disabled='true'] {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c38[aria-disabled='true'] .c7 {
-  color: #666687;
-}
-
-.c38[aria-disabled='true'] svg > g,
-.c38[aria-disabled='true'] svg path {
-  fill: #666687;
-}
-
-.c38[aria-disabled='true']:active {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c38[aria-disabled='true']:active .c7 {
-  color: #666687;
-}
-
-.c38[aria-disabled='true']:active svg > g,
-.c38[aria-disabled='true']:active svg path {
-  fill: #666687;
-}
-
-.c38:hover {
-  background-color: #f6f6f9;
-}
-
-.c38:active {
-  background-color: #eaeaef;
-}
-
-.c38 .c7 {
-  color: #32324d;
-}
-
-.c38 svg > g,
-.c38 svg path {
-  fill: #32324d;
-}
-
-.c30 {
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 1;
-}
-
-<div
+  <div
     data-react-portal="true"
   >
     <div
-      class="c0"
+      class="c27"
     >
       <div>
         <div>
           <div
             aria-labelledby="modal"
             aria-modal="true"
-            class="c1 c2 c3"
+            class="c0 c28 c29"
             role="dialog"
           >
             <div
-              class="c1 c4 c5"
+              class="c0 c30 c31"
             >
               <div
-                class="c1 c6"
+                class="c0 c32"
               >
                 <h2
-                  class="c7 c8"
+                  class="c3 c33"
                   id="modal"
                 >
                   Upload logo
                 </h2>
                 <button
                   aria-disabled="false"
-                  class="c9 c10"
+                  class="c17 c18"
                   type="button"
                 >
                   <span
-                    class="c11"
+                    class="c19"
                   >
                     Close the modal
                   </span>
@@ -1178,7 +861,7 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
             </div>
             <div>
               <div
-                class="c1 c12"
+                class="c0 c34"
               >
                 <div
                   aria-label="How do you want to upload your assets?"
@@ -1188,17 +871,17 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
                     aria-controls="tabgroup-16-0-tabpanel"
                     aria-disabled="false"
                     aria-selected="true"
-                    class="c13"
+                    class="c35"
                     id="tabgroup-16-0-tab"
                     role="tab"
                     tabindex="0"
                     type="button"
                   >
                     <div
-                      class="c1 c14 c15"
+                      class="c0 c36 c37"
                     >
                       <span
-                        class="c7 c16"
+                        class="c3 c38"
                       >
                         From computer
                       </span>
@@ -1207,17 +890,17 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
                   <button
                     aria-disabled="false"
                     aria-selected="false"
-                    class="c13"
+                    class="c35"
                     id="tabgroup-16-1-tab"
                     role="tab"
                     tabindex="-1"
                     type="button"
                   >
                     <div
-                      class="c1 c14 c17"
+                      class="c0 c36 c39"
                     >
                       <span
-                        class="c7 c18"
+                        class="c3 c40"
                       >
                         From url
                       </span>
@@ -1225,7 +908,7 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
                   </button>
                 </div>
                 <hr
-                  class="c1 c19 c20"
+                  class="c0 c41 c42"
                 />
               </div>
               <div>
@@ -1237,22 +920,22 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
                 >
                   <form>
                     <div
-                      class="c1 c21"
+                      class="c0 c43"
                     >
                       <div>
                         <label
                           for="logo-upload"
                         >
                           <div
-                            class="c1 c22 c23"
+                            class="c0 c1 c44"
                             spacing="2"
                           >
                             <div
-                              class="c1 c24 c25"
+                              class="c0 c45 c46"
                             >
                               <svg
                                 aria-hidden="true"
-                                class="c1 c26 c27"
+                                class="c0 c47 c48"
                                 fill="none"
                                 height="3.75rem"
                                 viewBox="0 0 24 20"
@@ -1269,17 +952,17 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
                                 />
                               </svg>
                               <div
-                                class="c1 c28"
+                                class="c0 c49"
                               >
                                 <span
-                                  class="c7 c29"
+                                  class="c3 c50"
                                 >
                                   Drag and Drop here or
                                 </span>
                               </div>
                               <input
                                 accept="image/jpeg,image/png,image/svg+xml"
-                                class="c30"
+                                class="c51"
                                 cursor="pointer"
                                 id="logo-upload"
                                 name="files"
@@ -1288,20 +971,20 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
                               />
                               <button
                                 aria-disabled="false"
-                                class="c9 c31"
+                                class="c17 c52"
                                 type="button"
                               >
                                 <span
-                                  class="c7 c32"
+                                  class="c3 c53"
                                 >
                                   Browse files
                                 </span>
                               </button>
                               <div
-                                class="c1 c33"
+                                class="c0 c54"
                               >
                                 <span
-                                  class="c7 c34"
+                                  class="c3 c22"
                                 >
                                   Max dimension: 750x750, Max size: 100KB
                                 </span>
@@ -1313,28 +996,28 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
                     </div>
                   </form>
                   <div
-                    class="c1 c4 c35"
+                    class="c0 c30 c55"
                   >
                     <div
-                      class="c1 c6"
+                      class="c0 c32"
                     >
                       <div
-                        class="c1 c36 c37"
+                        class="c0 c5 c56"
                       >
                         <button
                           aria-disabled="false"
-                          class="c9 c38"
+                          class="c17 c57"
                           type="button"
                         >
                           <span
-                            class="c7 c32"
+                            class="c3 c53"
                           >
                             Cancel
                           </span>
                         </button>
                       </div>
                       <div
-                        class="c1 c36 c37"
+                        class="c0 c5 c56"
                       />
                     </div>
                   </div>
@@ -1350,10 +1033,7 @@ exports[`ApplicationsInfosPage || LogoInput from computer should render upload m
 `;
 
 exports[`ApplicationsInfosPage || LogoInput from url should render upload modal with from url tab 1`] = `
-<body
-  class="lock-body-scroll"
->
-  .c23 {
+.c23 {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
@@ -1405,6 +1085,46 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
   padding-left: 16px;
 }
 
+.c24 {
+  background: #212134;
+  padding: 8px;
+  border-radius: 4px;
+}
+
+.c28 {
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0px 2px 15px rgba(33,33,52,0.1);
+}
+
+.c30 {
+  background: #f6f6f9;
+  padding-top: 16px;
+  padding-right: 20px;
+  padding-bottom: 16px;
+  padding-left: 20px;
+}
+
+.c34 {
+  padding-right: 40px;
+  padding-left: 40px;
+}
+
+.c36 {
+  padding: 16px;
+}
+
+.c41 {
+  background: #eaeaef;
+}
+
+.c43 {
+  padding-top: 24px;
+  padding-right: 40px;
+  padding-bottom: 24px;
+  padding-left: 40px;
+}
+
 .c4 {
   font-size: 0.75rem;
   line-height: 1.33;
@@ -1428,6 +1148,44 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
   color: #666687;
 }
 
+.c26 {
+  font-size: 0.75rem;
+  line-height: 1.33;
+  font-weight: 600;
+  color: #ffffff;
+}
+
+.c33 {
+  font-size: 0.875rem;
+  line-height: 1.43;
+  font-weight: 600;
+  color: #32324d;
+}
+
+.c40 {
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+  color: #4945ff;
+}
+
+.c38 {
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+  color: #666687;
+}
+
+.c49 {
+  font-size: 0.75rem;
+  line-height: 1.33;
+  font-weight: 600;
+  line-height: 1.14;
+  color: #32324d;
+}
+
 .c1 {
   -webkit-align-items: stretch;
   -webkit-box-align: stretch;
@@ -1474,6 +1232,24 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
   justify-content: center;
 }
 
+.c32 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
 .c19 {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
@@ -1486,6 +1262,12 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
   width: 1px;
 }
 
+.c25 {
+  position: absolute;
+  z-index: 4;
+  display: none;
+}
+
 .c8 {
   display: grid;
   grid-template-columns: auto 1fr auto;
@@ -1496,6 +1278,67 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
   grid-area: slides;
 }
 
+.c45 {
+  border: none;
+  border-radius: 4px;
+  padding-bottom: 0.65625rem;
+  padding-left: 16px;
+  padding-right: 16px;
+  padding-top: 0.65625rem;
+  color: #32324d;
+  font-weight: 400;
+  font-size: 0.875rem;
+  display: block;
+  width: 100%;
+  background: inherit;
+}
+
+.c45::-webkit-input-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c45::-moz-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c45:-ms-input-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c45::placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c45[aria-disabled='true'] {
+  color: inherit;
+}
+
+.c45:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.c44 {
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  background: #ffffff;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c44:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
 .c2 > * {
   margin-top: 0;
   margin-bottom: 0;
@@ -1619,7 +1462,75 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
   fill: #666687;
 }
 
-.c24 .c0 {
+.c27 {
+  position: fixed;
+  z-index: 4;
+  inset: 0;
+  background: #32324d1F;
+  padding: 0 40px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c29 {
+  width: 51.875rem;
+}
+
+.c31 {
+  border-radius: 4px 4px 0 0;
+  border-bottom: 1px solid #eaeaef;
+}
+
+.c46 {
+  border-radius: 0 0 4px 4px;
+  border-top: 1px solid #eaeaef;
+}
+
+.c47 > * + * {
+  margin-left: 8px;
+}
+
+.c39 {
+  border-bottom: 2px solid #4945ff;
+}
+
+.c37 {
+  border-bottom: 2px solid transparent;
+}
+
+.c35[aria-disabled='true'] {
+  cursor: not-allowed;
+}
+
+.c42 {
+  height: 1px;
+  border: none;
+  margin: 0;
+}
+
+.c50 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #4945ff;
+  border: 1px solid #4945ff;
+  height: 2rem;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.c50 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1630,19 +1541,66 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
   align-items: center;
 }
 
-.c24 .c3 {
+.c50 .c3 {
   color: #ffffff;
 }
 
-.c24[aria-disabled='true'] .c3 {
+.c50[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c50[aria-disabled='true'] .c3 {
   color: #666687;
 }
 
-.c24[aria-disabled='true']:active .c3 {
+.c50[aria-disabled='true'] svg > g,.c50[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c50[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c50[aria-disabled='true']:active .c3 {
   color: #666687;
 }
 
-.c25 .c0 {
+.c50[aria-disabled='true']:active svg > g,.c50[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c50:hover {
+  border: 1px solid #7b79ff;
+  background: #7b79ff;
+}
+
+.c50:active {
+  border: 1px solid #4945ff;
+  background: #4945ff;
+}
+
+.c50 svg > g,
+.c50 svg path {
+  fill: #ffffff;
+}
+
+.c48 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #4945ff;
+  border: 1px solid #4945ff;
+  height: 2rem;
+  padding-left: 16px;
+  padding-right: 16px;
+  border: 1px solid #dcdce4;
+  background: #ffffff;
+}
+
+.c48 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1653,23 +1611,57 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
   align-items: center;
 }
 
-.c25 .c3 {
+.c48 .c3 {
   color: #ffffff;
 }
 
-.c25[aria-disabled='true'] .c3 {
+.c48[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c48[aria-disabled='true'] .c3 {
   color: #666687;
 }
 
-.c25[aria-disabled='true']:active .c3 {
+.c48[aria-disabled='true'] svg > g,.c48[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c48[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c48[aria-disabled='true']:active .c3 {
   color: #666687;
 }
 
-.c25 .c3 {
+.c48[aria-disabled='true']:active svg > g,.c48[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c48:hover {
+  background-color: #f6f6f9;
+}
+
+.c48:active {
+  background-color: #eaeaef;
+}
+
+.c48 .c3 {
   color: #32324d;
 }
 
-<div>
+.c48 svg > g,
+.c48 svg path {
+  fill: #32324d;
+}
+
+<body
+  class="lock-body-scroll"
+>
+  <div>
     <div>
       <div
         class="c0 c1 c2"
@@ -1803,705 +1795,69 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
       />
     </div>
   </div>
-  .c1 {
-  background: #212134;
-  padding: 8px;
-  border-radius: 4px;
-}
-
-.c4 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  color: #ffffff;
-}
-
-.c2 {
-  position: absolute;
-  z-index: 4;
-  display: none;
-}
-
-.c5 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c5 .c3 {
-  color: #ffffff;
-}
-
-.c5[aria-disabled='true'] .c3 {
-  color: #666687;
-}
-
-.c5[aria-disabled='true']:active .c3 {
-  color: #666687;
-}
-
-.c6 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c6 .c3 {
-  color: #ffffff;
-}
-
-.c6[aria-disabled='true'] .c3 {
-  color: #666687;
-}
-
-.c6[aria-disabled='true']:active .c3 {
-  color: #666687;
-}
-
-.c6 .c3 {
-  color: #32324d;
-}
-
-<div
+  <div
     data-react-portal="true"
   >
     <div
-      class="c0 c1 c2"
+      class="c0 c24 c25"
       id="tooltip-105"
       role="tooltip"
     >
       <p
-        class="c3 c4"
+        class="c3 c26"
       >
         Change logo
       </p>
     </div>
   </div>
-  .c1 {
-  background: #212134;
-  padding: 8px;
-  border-radius: 4px;
-}
-
-.c4 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  color: #ffffff;
-}
-
-.c2 {
-  position: absolute;
-  z-index: 4;
-  display: none;
-}
-
-.c5 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c5 .c3 {
-  color: #ffffff;
-}
-
-.c5[aria-disabled='true'] .c3 {
-  color: #666687;
-}
-
-.c5[aria-disabled='true']:active .c3 {
-  color: #666687;
-}
-
-.c6 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c6 .c3 {
-  color: #ffffff;
-}
-
-.c6[aria-disabled='true'] .c3 {
-  color: #666687;
-}
-
-.c6[aria-disabled='true']:active .c3 {
-  color: #666687;
-}
-
-.c6 .c3 {
-  color: #32324d;
-}
-
-<div
+  <div
     data-react-portal="true"
   >
     <div
-      class="c0 c1 c2"
+      class="c0 c24 c25"
       id="tooltip-107"
       role="tooltip"
     >
       <p
-        class="c3 c4"
+        class="c3 c26"
       >
         logo.png
       </p>
     </div>
   </div>
-  .c2 {
-  background: #ffffff;
-  border-radius: 4px;
-  box-shadow: 0px 2px 15px rgba(33,33,52,0.1);
-}
-
-.c4 {
-  background: #f6f6f9;
-  padding-top: 16px;
-  padding-right: 20px;
-  padding-bottom: 16px;
-  padding-left: 20px;
-}
-
-.c12 {
-  padding-right: 40px;
-  padding-left: 40px;
-}
-
-.c14 {
-  padding: 16px;
-}
-
-.c19 {
-  background: #eaeaef;
-}
-
-.c21 {
-  padding-top: 24px;
-  padding-right: 40px;
-  padding-bottom: 24px;
-  padding-left: 40px;
-}
-
-.c24 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  color: #32324d;
-}
-
-.c8 {
-  font-size: 0.875rem;
-  line-height: 1.43;
-  font-weight: 600;
-  color: #32324d;
-}
-
-.c18 {
-  font-weight: 600;
-  font-size: 0.6875rem;
-  line-height: 1.45;
-  text-transform: uppercase;
-  color: #4945ff;
-}
-
-.c16 {
-  font-weight: 600;
-  font-size: 0.6875rem;
-  line-height: 1.45;
-  text-transform: uppercase;
-  color: #666687;
-}
-
-.c31 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  line-height: 1.14;
-  color: #32324d;
-}
-
-.c22 {
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.c25 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.c6 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-.c11 {
-  border: 0;
-  -webkit-clip: rect(0 0 0 0);
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.c27 {
-  border: none;
-  border-radius: 4px;
-  padding-bottom: 0.65625rem;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-top: 0.65625rem;
-  color: #32324d;
-  font-weight: 400;
-  font-size: 0.875rem;
-  display: block;
-  width: 100%;
-  background: inherit;
-}
-
-.c27::-webkit-input-placeholder {
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c27::-moz-placeholder {
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c27:-ms-input-placeholder {
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c27::placeholder {
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c27[aria-disabled='true'] {
-  color: inherit;
-}
-
-.c27:focus {
-  outline: none;
-  box-shadow: none;
-}
-
-.c26 {
-  border: 1px solid #dcdce4;
-  border-radius: 4px;
-  background: #ffffff;
-  outline: none;
-  box-shadow: 0;
-  -webkit-transition-property: border-color,box-shadow,fill;
-  transition-property: border-color,box-shadow,fill;
-  -webkit-transition-duration: 0.2s;
-  transition-duration: 0.2s;
-}
-
-.c26:focus-within {
-  border: 1px solid #4945ff;
-  box-shadow: #4945ff 0px 0px 0px 2px;
-}
-
-.c23 > * {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.c23 > * + * {
-  margin-top: 4px;
-}
-
-.c9 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  cursor: pointer;
-  padding: 8px;
-  border-radius: 4px;
-  background: #ffffff;
-  border: 1px solid #dcdce4;
-  position: relative;
-  outline: none;
-}
-
-.c9 svg {
-  height: 12px;
-  width: 12px;
-}
-
-.c9 svg > g,
-.c9 svg path {
-  fill: #ffffff;
-}
-
-.c9[aria-disabled='true'] {
-  pointer-events: none;
-}
-
-.c9:after {
-  -webkit-transition-property: all;
-  transition-property: all;
-  -webkit-transition-duration: 0.2s;
-  transition-duration: 0.2s;
-  border-radius: 8px;
-  content: '';
-  position: absolute;
-  top: -4px;
-  bottom: -4px;
-  left: -4px;
-  right: -4px;
-  border: 2px solid transparent;
-}
-
-.c9:focus-visible {
-  outline: none;
-}
-
-.c9:focus-visible:after {
-  border-radius: 8px;
-  content: '';
-  position: absolute;
-  top: -5px;
-  bottom: -5px;
-  left: -5px;
-  right: -5px;
-  border: 2px solid #4945ff;
-}
-
-.c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  height: 2rem;
-  width: 2rem;
-}
-
-.c10 svg > g,
-.c10 svg path {
-  fill: #8e8ea9;
-}
-
-.c10:hover svg > g,
-.c10:hover svg path {
-  fill: #666687;
-}
-
-.c10:active svg > g,
-.c10:active svg path {
-  fill: #a5a5ba;
-}
-
-.c10[aria-disabled='true'] {
-  background-color: #eaeaef;
-}
-
-.c10[aria-disabled='true'] svg path {
-  fill: #666687;
-}
-
-.c0 {
-  position: fixed;
-  z-index: 4;
-  inset: 0;
-  background: #32324d1F;
-  padding: 0 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c3 {
-  width: 51.875rem;
-}
-
-.c5 {
-  border-radius: 4px 4px 0 0;
-  border-bottom: 1px solid #eaeaef;
-}
-
-.c28 {
-  border-radius: 0 0 4px 4px;
-  border-top: 1px solid #eaeaef;
-}
-
-.c29 > * + * {
-  margin-left: 8px;
-}
-
-.c17 {
-  border-bottom: 2px solid #4945ff;
-}
-
-.c15 {
-  border-bottom: 2px solid transparent;
-}
-
-.c13[aria-disabled='true'] {
-  cursor: not-allowed;
-}
-
-.c20 {
-  height: 1px;
-  border: none;
-  margin: 0;
-}
-
-.c32 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: #4945ff;
-  border: 1px solid #4945ff;
-  height: 2rem;
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.c32 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c32 .c7 {
-  color: #ffffff;
-}
-
-.c32[aria-disabled='true'] {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c32[aria-disabled='true'] .c7 {
-  color: #666687;
-}
-
-.c32[aria-disabled='true'] svg > g,
-.c32[aria-disabled='true'] svg path {
-  fill: #666687;
-}
-
-.c32[aria-disabled='true']:active {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c32[aria-disabled='true']:active .c7 {
-  color: #666687;
-}
-
-.c32[aria-disabled='true']:active svg > g,
-.c32[aria-disabled='true']:active svg path {
-  fill: #666687;
-}
-
-.c32:hover {
-  border: 1px solid #7b79ff;
-  background: #7b79ff;
-}
-
-.c32:active {
-  border: 1px solid #4945ff;
-  background: #4945ff;
-}
-
-.c32 svg > g,
-.c32 svg path {
-  fill: #ffffff;
-}
-
-.c30 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: #4945ff;
-  border: 1px solid #4945ff;
-  height: 2rem;
-  padding-left: 16px;
-  padding-right: 16px;
-  border: 1px solid #dcdce4;
-  background: #ffffff;
-}
-
-.c30 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c30 .c7 {
-  color: #ffffff;
-}
-
-.c30[aria-disabled='true'] {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c30[aria-disabled='true'] .c7 {
-  color: #666687;
-}
-
-.c30[aria-disabled='true'] svg > g,
-.c30[aria-disabled='true'] svg path {
-  fill: #666687;
-}
-
-.c30[aria-disabled='true']:active {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c30[aria-disabled='true']:active .c7 {
-  color: #666687;
-}
-
-.c30[aria-disabled='true']:active svg > g,
-.c30[aria-disabled='true']:active svg path {
-  fill: #666687;
-}
-
-.c30:hover {
-  background-color: #f6f6f9;
-}
-
-.c30:active {
-  background-color: #eaeaef;
-}
-
-.c30 .c7 {
-  color: #32324d;
-}
-
-.c30 svg > g,
-.c30 svg path {
-  fill: #32324d;
-}
-
-<div
+  <div
     data-react-portal="true"
   >
     <div
-      class="c0"
+      class="c27"
     >
       <div>
         <div>
           <div
             aria-labelledby="modal"
             aria-modal="true"
-            class="c1 c2 c3"
+            class="c0 c28 c29"
             role="dialog"
           >
             <div
-              class="c1 c4 c5"
+              class="c0 c30 c31"
             >
               <div
-                class="c1 c6"
+                class="c0 c32"
               >
                 <h2
-                  class="c7 c8"
+                  class="c3 c33"
                   id="modal"
                 >
                   Upload logo
                 </h2>
                 <button
                   aria-disabled="false"
-                  class="c9 c10"
+                  class="c17 c18"
                   type="button"
                 >
                   <span
-                    class="c11"
+                    class="c19"
                   >
                     Close the modal
                   </span>
@@ -2524,7 +1880,7 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
             </div>
             <div>
               <div
-                class="c1 c12"
+                class="c0 c34"
               >
                 <div
                   aria-label="How do you want to upload your assets?"
@@ -2533,17 +1889,17 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
                   <button
                     aria-disabled="false"
                     aria-selected="false"
-                    class="c13"
+                    class="c35"
                     id="tabgroup-114-0-tab"
                     role="tab"
                     tabindex="-1"
                     type="button"
                   >
                     <div
-                      class="c1 c14 c15"
+                      class="c0 c36 c37"
                     >
                       <span
-                        class="c7 c16"
+                        class="c3 c38"
                       >
                         From computer
                       </span>
@@ -2553,17 +1909,17 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
                     aria-controls="tabgroup-114-1-tabpanel"
                     aria-disabled="false"
                     aria-selected="true"
-                    class="c13"
+                    class="c35"
                     id="tabgroup-114-1-tab"
                     role="tab"
                     tabindex="0"
                     type="button"
                   >
                     <div
-                      class="c1 c14 c17"
+                      class="c0 c36 c39"
                     >
                       <span
-                        class="c7 c18"
+                        class="c3 c40"
                       >
                         From url
                       </span>
@@ -2571,7 +1927,7 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
                   </button>
                 </div>
                 <hr
-                  class="c1 c19 c20"
+                  class="c0 c41 c42"
                 />
               </div>
               <div>
@@ -2583,32 +1939,32 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
                 >
                   <form>
                     <div
-                      class="c1 c21"
+                      class="c0 c43"
                     >
                       <div>
                         <div>
                           <div
-                            class="c1 c22 c23"
+                            class="c0 c1 c2"
                             spacing="1"
                           >
                             <label
-                              class="c7 c24"
+                              class="c3 c4"
                               for="textinput-117"
                             >
                               <div
-                                class="c1 c25"
+                                class="c0 c5"
                               >
                                 URL
                               </div>
                             </label>
                             <div
-                              class="c1 c6 c26"
+                              class="c0 c32 c44"
                             >
                               <input
                                 aria-disabled="false"
                                 aria-invalid="false"
                                 aria-required="false"
-                                class="c27"
+                                class="c45"
                                 id="textinput-117"
                                 name="logo-url"
                                 value=""
@@ -2619,36 +1975,36 @@ exports[`ApplicationsInfosPage || LogoInput from url should render upload modal
                       </div>
                     </div>
                     <div
-                      class="c1 c4 c28"
+                      class="c0 c30 c46"
                     >
                       <div
-                        class="c1 c6"
+                        class="c0 c32"
                       >
                         <div
-                          class="c1 c25 c29"
+                          class="c0 c5 c47"
                         >
                           <button
                             aria-disabled="false"
-                            class="c9 c30"
+                            class="c17 c48"
                             type="button"
                           >
                             <span
-                              class="c7 c31"
+                              class="c3 c49"
                             >
                               Cancel
                             </span>
                           </button>
                         </div>
                         <div
-                          class="c1 c25 c29"
+                          class="c0 c5 c47"
                         >
                           <button
                             aria-disabled="false"
-                            class="c9 c32"
+                            class="c17 c50"
                             type="submit"
                           >
                             <span
-                              class="c7 c31"
+                              class="c3 c49"
                             >
                               Next
                             </span>
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js
index e7d0ffb50b..60737bb01c 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js
@@ -423,8 +423,7 @@ describe('Application page', () => {
         color: #666687;
       }
 
-      .c11[aria-disabled='true'] svg > g,
-      .c11[aria-disabled='true'] svg path {
+      .c11[aria-disabled='true'] svg > g,.c11[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -437,8 +436,7 @@ describe('Application page', () => {
         color: #666687;
       }
 
-      .c11[aria-disabled='true']:active svg > g,
-      .c11[aria-disabled='true']:active svg path {
+      .c11[aria-disabled='true']:active svg > g,.c11[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/tests/__snapshots__/index.test.js.snap
index e2222fd019..309a66c9ce 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/tests/__snapshots__/index.test.js.snap
@@ -296,8 +296,7 @@ exports[`<EditPage /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c14[aria-disabled='true'] svg > g,
-.c14[aria-disabled='true'] svg path {
+.c14[aria-disabled='true'] svg > g,.c14[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -310,8 +309,7 @@ exports[`<EditPage /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c14[aria-disabled='true']:active svg > g,
-.c14[aria-disabled='true']:active svg path {
+.c14[aria-disabled='true']:active svg > g,.c14[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -368,8 +366,7 @@ exports[`<EditPage /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c24[aria-disabled='true'] svg > g,
-.c24[aria-disabled='true'] svg path {
+.c24[aria-disabled='true'] svg > g,.c24[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -382,8 +379,7 @@ exports[`<EditPage /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c24[aria-disabled='true']:active svg > g,
-.c24[aria-disabled='true']:active svg path {
+.c24[aria-disabled='true']:active svg > g,.c24[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/tests/index.test.js
index 71396175a9..9b2f227ee7 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/tests/index.test.js
@@ -284,8 +284,7 @@ describe('<ListPage />', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true'] svg > g,
-      .c8[aria-disabled='true'] svg path {
+      .c8[aria-disabled='true'] svg > g,.c8[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -298,8 +297,7 @@ describe('<ListPage />', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true']:active svg > g,
-      .c8[aria-disabled='true']:active svg path {
+      .c8[aria-disabled='true']:active svg > g,.c8[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/tests/__snapshots__/index.test.js.snap
index ac7b155f81..047de8948b 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/tests/__snapshots__/index.test.js.snap
@@ -427,7 +427,7 @@ exports[`DynamicTable renders and matches the snapshot 1`] = `
       </div>
       <nav
         aria-label="pagination"
-        class="sc-cfJLRR"
+        class=""
       >
         <ul
           class="c2 c16"
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/tests/index.test.js
index 1cf328cf12..6a6eefc0ce 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/tests/index.test.js
@@ -416,8 +416,7 @@ describe('ADMIN | Pages | USERS | ListPage', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true'] svg > g,
-      .c8[aria-disabled='true'] svg path {
+      .c8[aria-disabled='true'] svg > g,.c8[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -430,8 +429,7 @@ describe('ADMIN | Pages | USERS | ListPage', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true']:active svg > g,
-      .c8[aria-disabled='true']:active svg path {
+      .c8[aria-disabled='true']:active svg > g,.c8[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -488,8 +486,7 @@ describe('ADMIN | Pages | USERS | ListPage', () => {
         color: #666687;
       }
 
-      .c23[aria-disabled='true'] svg > g,
-      .c23[aria-disabled='true'] svg path {
+      .c23[aria-disabled='true'] svg > g,.c23[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -502,8 +499,7 @@ describe('ADMIN | Pages | USERS | ListPage', () => {
         color: #666687;
       }
 
-      .c23[aria-disabled='true']:active svg > g,
-      .c23[aria-disabled='true']:active svg path {
+      .c23[aria-disabled='true']:active svg > g,.c23[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -1445,7 +1441,7 @@ describe('ADMIN | Pages | USERS | ListPage', () => {
               </div>
               <nav
                 aria-label="pagination"
-                class="sc-cfJLRR"
+                class=""
               >
                 <ul
                   class="c1 c4 c56"
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js
index a7346bc57f..8194c91ae2 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js
@@ -547,8 +547,7 @@ describe('Admin | containers | ListView', () => {
         color: #666687;
       }
 
-      .c11[aria-disabled='true'] svg > g,
-      .c11[aria-disabled='true'] svg path {
+      .c11[aria-disabled='true'] svg > g,.c11[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -561,8 +560,7 @@ describe('Admin | containers | ListView', () => {
         color: #666687;
       }
 
-      .c11[aria-disabled='true']:active svg > g,
-      .c11[aria-disabled='true']:active svg path {
+      .c11[aria-disabled='true']:active svg > g,.c11[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/admin/src/pages/UseCasePage/tests/index.test.js b/packages/core/admin/admin/src/pages/UseCasePage/tests/index.test.js
index 31f14c62af..d4b7572df2 100644
--- a/packages/core/admin/admin/src/pages/UseCasePage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/UseCasePage/tests/index.test.js
@@ -360,8 +360,7 @@ describe('Admin | UseCasePage', () => {
         color: #666687;
       }
 
-      .c4[aria-disabled='true'] svg > g,
-      .c4[aria-disabled='true'] svg path {
+      .c4[aria-disabled='true'] svg > g,.c4[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -374,8 +373,7 @@ describe('Admin | UseCasePage', () => {
         color: #666687;
       }
 
-      .c4[aria-disabled='true']:active svg > g,
-      .c4[aria-disabled='true']:active svg path {
+      .c4[aria-disabled='true']:active svg > g,.c4[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -442,8 +440,7 @@ describe('Admin | UseCasePage', () => {
         color: #666687;
       }
 
-      .c33[aria-disabled='true'] svg > g,
-      .c33[aria-disabled='true'] svg path {
+      .c33[aria-disabled='true'] svg > g,.c33[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -456,8 +453,7 @@ describe('Admin | UseCasePage', () => {
         color: #666687;
       }
 
-      .c33[aria-disabled='true']:active svg > g,
-      .c33[aria-disabled='true']:active svg path {
+      .c33[aria-disabled='true']:active svg > g,.c33[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/__snapshots__/index.test.js.snap b/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/__snapshots__/index.test.js.snap
index fb21837783..ce48e62682 100644
--- a/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/__snapshots__/index.test.js.snap
@@ -316,8 +316,7 @@ exports[`Admin | ee | SettingsPage | SSO renders and matches the snapshot 1`] =
   color: #666687;
 }
 
-.c11[aria-disabled='true'] svg > g,
-.c11[aria-disabled='true'] svg path {
+.c11[aria-disabled='true'] svg > g,.c11[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -330,8 +329,7 @@ exports[`Admin | ee | SettingsPage | SSO renders and matches the snapshot 1`] =
   color: #666687;
 }
 
-.c11[aria-disabled='true']:active svg > g,
-.c11[aria-disabled='true']:active svg path {
+.c11[aria-disabled='true']:active svg > g,.c11[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/tests/__snapshots__/index.test.js.snap b/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/tests/__snapshots__/index.test.js.snap
index f4b4eb3c1d..dcd45f1bda 100644
--- a/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/tests/__snapshots__/index.test.js.snap
@@ -290,8 +290,7 @@ exports[`<CreatePage /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c14[aria-disabled='true'] svg > g,
-.c14[aria-disabled='true'] svg path {
+.c14[aria-disabled='true'] svg > g,.c14[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -304,8 +303,7 @@ exports[`<CreatePage /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c14[aria-disabled='true']:active svg > g,
-.c14[aria-disabled='true']:active svg path {
+.c14[aria-disabled='true']:active svg > g,.c14[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -372,8 +370,7 @@ exports[`<CreatePage /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c16[aria-disabled='true'] svg > g,
-.c16[aria-disabled='true'] svg path {
+.c16[aria-disabled='true'] svg > g,.c16[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -386,8 +383,7 @@ exports[`<CreatePage /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c16[aria-disabled='true']:active svg > g,
-.c16[aria-disabled='true']:active svg path {
+.c16[aria-disabled='true']:active svg > g,.c16[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/content-type-builder/admin/src/pages/ListView/tests/__snapshots__/index.test.js.snap b/packages/core/content-type-builder/admin/src/pages/ListView/tests/__snapshots__/index.test.js.snap
index 606d3d4860..9b4a892f25 100644
--- a/packages/core/content-type-builder/admin/src/pages/ListView/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/content-type-builder/admin/src/pages/ListView/tests/__snapshots__/index.test.js.snap
@@ -431,8 +431,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c13[aria-disabled='true'] svg > g,
-.c13[aria-disabled='true'] svg path {
+.c13[aria-disabled='true'] svg > g,.c13[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -445,8 +444,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c13[aria-disabled='true']:active svg > g,
-.c13[aria-disabled='true']:active svg path {
+.c13[aria-disabled='true']:active svg > g,.c13[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -505,8 +503,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c17[aria-disabled='true'] svg > g,
-.c17[aria-disabled='true'] svg path {
+.c17[aria-disabled='true'] svg > g,.c17[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -519,8 +516,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c17[aria-disabled='true']:active svg > g,
-.c17[aria-disabled='true']:active svg path {
+.c17[aria-disabled='true']:active svg > g,.c17[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -587,8 +583,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c18[aria-disabled='true'] svg > g,
-.c18[aria-disabled='true'] svg path {
+.c18[aria-disabled='true'] svg > g,.c18[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -601,8 +596,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c18[aria-disabled='true']:active svg > g,
-.c18[aria-disabled='true']:active svg path {
+.c18[aria-disabled='true']:active svg > g,.c18[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/email/admin/src/pages/Settings/tests/index.test.js b/packages/core/email/admin/src/pages/Settings/tests/index.test.js
index bd7ecf3d8a..c3cdc2e3d4 100644
--- a/packages/core/email/admin/src/pages/Settings/tests/index.test.js
+++ b/packages/core/email/admin/src/pages/Settings/tests/index.test.js
@@ -304,8 +304,7 @@ describe('Email | Pages | Settings', () => {
         color: #666687;
       }
 
-      .c34[aria-disabled='true'] svg > g,
-      .c34[aria-disabled='true'] svg path {
+      .c34[aria-disabled='true'] svg > g,.c34[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -318,8 +317,7 @@ describe('Email | Pages | Settings', () => {
         color: #666687;
       }
 
-      .c34[aria-disabled='true']:active svg > g,
-      .c34[aria-disabled='true']:active svg path {
+      .c34[aria-disabled='true']:active svg > g,.c34[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/__snapshots__/index.test.js.snap b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/__snapshots__/index.test.js.snap
index 9ce64ac235..19264c8720 100644
--- a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/__snapshots__/index.test.js.snap
@@ -171,7 +171,7 @@ exports[`<PaginationURLQuery /> should display the dots correctly 1`] = `
 
 <nav
   aria-label="pagination"
-  class="sc-iukxot"
+  class=""
 >
   <ul
     class="c0 c1"
@@ -544,7 +544,7 @@ exports[`<PaginationURLQuery /> should work when the pageCount is inferior or eq
 
 <nav
   aria-label="pagination"
-  class="sc-iukxot"
+  class=""
 >
   <ul
     class="c0 c1"
diff --git a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/index.test.js b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/index.test.js
index fe6938ac40..a82e3be1f0 100644
--- a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/index.test.js
+++ b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/index.test.js
@@ -190,7 +190,7 @@ describe('<PaginationURLQuery />', () => {
 
       <nav
         aria-label="pagination"
-        class="sc-iukxot"
+        class=""
       >
         <ul
           class="c0 c1"
diff --git a/packages/core/upload/admin/src/components/AssetDialog/BrowseStep/tests/__snapshots__/index.test.js.snap b/packages/core/upload/admin/src/components/AssetDialog/BrowseStep/tests/__snapshots__/index.test.js.snap
index b5384e70c5..2f5cde6769 100644
--- a/packages/core/upload/admin/src/components/AssetDialog/BrowseStep/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/upload/admin/src/components/AssetDialog/BrowseStep/tests/__snapshots__/index.test.js.snap
@@ -429,8 +429,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
   color: #666687;
 }
 
-.c6[aria-disabled='true'] svg > g,
-.c6[aria-disabled='true'] svg path {
+.c6[aria-disabled='true'] svg > g,.c6[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -443,8 +442,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
   color: #666687;
 }
 
-.c6[aria-disabled='true']:active svg > g,
-.c6[aria-disabled='true']:active svg path {
+.c6[aria-disabled='true']:active svg > g,.c6[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -1258,7 +1256,7 @@ exports[`BrowseStep renders and match snapshot 1`] = `
       </div>
       <nav
         aria-label="pagination"
-        class="sc-bOtlzW"
+        class=""
       >
         <ul
           class="c0 c13 c66"
diff --git a/packages/core/upload/admin/src/components/AssetGridList/tests/__snapshots__/AssetGridList.test.js.snap b/packages/core/upload/admin/src/components/AssetGridList/tests/__snapshots__/AssetGridList.test.js.snap
index f2dce8c137..54371ad48d 100644
--- a/packages/core/upload/admin/src/components/AssetGridList/tests/__snapshots__/AssetGridList.test.js.snap
+++ b/packages/core/upload/admin/src/components/AssetGridList/tests/__snapshots__/AssetGridList.test.js.snap
@@ -329,10 +329,6 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
   cursor: pointer;
 }
 
-.c4:hover .sc-jefHZX {
-  opacity: 1;
-}
-
 .c28 canvas,
 .c28 video {
   display: block;
diff --git a/packages/core/upload/admin/src/components/Breadcrumbs/tests/__snapshots__/index.test.js.snap b/packages/core/upload/admin/src/components/Breadcrumbs/tests/__snapshots__/index.test.js.snap
index ac8c4658d1..43ad862d1c 100644
--- a/packages/core/upload/admin/src/components/Breadcrumbs/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/upload/admin/src/components/Breadcrumbs/tests/__snapshots__/index.test.js.snap
@@ -194,8 +194,7 @@ exports[`Media Library | Breadcrumbs should render and match snapshot 1`] = `
   color: #666687;
 }
 
-.c9[aria-disabled='true'] svg > g,
-.c9[aria-disabled='true'] svg path {
+.c9[aria-disabled='true'] svg > g,.c9[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -208,8 +207,7 @@ exports[`Media Library | Breadcrumbs should render and match snapshot 1`] = `
   color: #666687;
 }
 
-.c9[aria-disabled='true']:active svg > g,
-.c9[aria-disabled='true']:active svg path {
+.c9[aria-disabled='true']:active svg > g,.c9[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.js.snap b/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.js.snap
index 417b4470ad..c4ac4319d0 100644
--- a/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.js.snap
+++ b/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.js.snap
@@ -220,8 +220,7 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c26[aria-disabled='true'] svg > g,
-.c26[aria-disabled='true'] svg path {
+.c26[aria-disabled='true'] svg > g,.c26[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -234,8 +233,7 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c26[aria-disabled='true']:active svg > g,
-.c26[aria-disabled='true']:active svg path {
+.c26[aria-disabled='true']:active svg > g,.c26[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -292,8 +290,7 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c28[aria-disabled='true'] svg > g,
-.c28[aria-disabled='true'] svg path {
+.c28[aria-disabled='true'] svg > g,.c28[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -306,8 +303,7 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c28[aria-disabled='true']:active svg > g,
-.c28[aria-disabled='true']:active svg path {
+.c28[aria-disabled='true']:active svg > g,.c28[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap
index db12e3ddc6..e5a64fee5b 100644
--- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap
+++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap
@@ -315,8 +315,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c41[aria-disabled='true'] svg > g,
-.c41[aria-disabled='true'] svg path {
+.c41[aria-disabled='true'] svg > g,.c41[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -329,8 +328,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c41[aria-disabled='true']:active svg > g,
-.c41[aria-disabled='true']:active svg path {
+.c41[aria-disabled='true']:active svg > g,.c41[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -389,8 +387,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c43[aria-disabled='true'] svg > g,
-.c43[aria-disabled='true'] svg path {
+.c43[aria-disabled='true'] svg > g,.c43[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -403,8 +400,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c43[aria-disabled='true']:active svg > g,
-.c43[aria-disabled='true']:active svg path {
+.c43[aria-disabled='true']:active svg > g,.c43[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -471,8 +467,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c44[aria-disabled='true'] svg > g,
-.c44[aria-disabled='true'] svg path {
+.c44[aria-disabled='true'] svg > g,.c44[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -485,8 +480,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c44[aria-disabled='true']:active svg > g,
-.c44[aria-disabled='true']:active svg path {
+.c44[aria-disabled='true']:active svg > g,.c44[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/RemoveAssetDialog.test.js.snap b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/RemoveAssetDialog.test.js.snap
index d3ab1fc11d..15518f4d34 100644
--- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/RemoveAssetDialog.test.js.snap
+++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/RemoveAssetDialog.test.js.snap
@@ -271,8 +271,7 @@ exports[`RemoveAssetDialog snapshots the component 1`] = `
   color: #666687;
 }
 
-.c21[aria-disabled='true'] svg > g,
-.c21[aria-disabled='true'] svg path {
+.c21[aria-disabled='true'] svg > g,.c21[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -285,8 +284,7 @@ exports[`RemoveAssetDialog snapshots the component 1`] = `
   color: #666687;
 }
 
-.c21[aria-disabled='true']:active svg > g,
-.c21[aria-disabled='true']:active svg path {
+.c21[aria-disabled='true']:active svg > g,.c21[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -345,8 +343,7 @@ exports[`RemoveAssetDialog snapshots the component 1`] = `
   color: #666687;
 }
 
-.c23[aria-disabled='true'] svg > g,
-.c23[aria-disabled='true'] svg path {
+.c23[aria-disabled='true'] svg > g,.c23[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -359,8 +356,7 @@ exports[`RemoveAssetDialog snapshots the component 1`] = `
   color: #666687;
 }
 
-.c23[aria-disabled='true']:active svg > g,
-.c23[aria-disabled='true']:active svg path {
+.c23[aria-disabled='true']:active svg > g,.c23[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap
index db12e3ddc6..e5a64fee5b 100644
--- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap
@@ -315,8 +315,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c41[aria-disabled='true'] svg > g,
-.c41[aria-disabled='true'] svg path {
+.c41[aria-disabled='true'] svg > g,.c41[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -329,8 +328,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c41[aria-disabled='true']:active svg > g,
-.c41[aria-disabled='true']:active svg path {
+.c41[aria-disabled='true']:active svg > g,.c41[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -389,8 +387,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c43[aria-disabled='true'] svg > g,
-.c43[aria-disabled='true'] svg path {
+.c43[aria-disabled='true'] svg > g,.c43[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -403,8 +400,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c43[aria-disabled='true']:active svg > g,
-.c43[aria-disabled='true']:active svg path {
+.c43[aria-disabled='true']:active svg > g,.c43[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -471,8 +467,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c44[aria-disabled='true'] svg > g,
-.c44[aria-disabled='true'] svg path {
+.c44[aria-disabled='true'] svg > g,.c44[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -485,8 +480,7 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c44[aria-disabled='true']:active svg > g,
-.c44[aria-disabled='true']:active svg path {
+.c44[aria-disabled='true']:active svg > g,.c44[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.js.snap b/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.js.snap
index d6f5d42deb..25fc7b5198 100644
--- a/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.js.snap
+++ b/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.js.snap
@@ -229,8 +229,7 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c28[aria-disabled='true'] svg > g,
-.c28[aria-disabled='true'] svg path {
+.c28[aria-disabled='true'] svg > g,.c28[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -243,8 +242,7 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c28[aria-disabled='true']:active svg > g,
-.c28[aria-disabled='true']:active svg path {
+.c28[aria-disabled='true']:active svg > g,.c28[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -301,8 +299,7 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c31[aria-disabled='true'] svg > g,
-.c31[aria-disabled='true'] svg path {
+.c31[aria-disabled='true'] svg > g,.c31[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -315,8 +312,7 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
-.c31[aria-disabled='true']:active svg > g,
-.c31[aria-disabled='true']:active svg path {
+.c31[aria-disabled='true']:active svg > g,.c31[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/components/SelectTree/tests/__snapshots__/SelectTree.test.js.snap b/packages/core/upload/admin/src/components/SelectTree/tests/__snapshots__/SelectTree.test.js.snap
index 24d1751363..675e46adaa 100644
--- a/packages/core/upload/admin/src/components/SelectTree/tests/__snapshots__/SelectTree.test.js.snap
+++ b/packages/core/upload/admin/src/components/SelectTree/tests/__snapshots__/SelectTree.test.js.snap
@@ -135,7 +135,52 @@ exports[`SelectTree renders 1`] = `
       </div>
     </div>
   </body>,
-  "container": <div>
+  "container": .c3 {
+  border: 0;
+  -webkit-clip: rect(0 0 0 0);
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.c0 {
+  padding-right: 12px;
+}
+
+.c1 {
+  background: transparent;
+  border: none;
+  position: relative;
+  z-index: 1;
+}
+
+.c1 svg {
+  height: 0.6875rem;
+  width: 0.6875rem;
+}
+
+.c1 svg path {
+  fill: #666687;
+}
+
+.c2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background: none;
+  border: none;
+}
+
+.c2 svg {
+  width: 0.5625rem;
+}
+
+<div>
     <div
       class=" css-1iyvlxg-container"
     >
@@ -176,7 +221,7 @@ exports[`SelectTree renders 1`] = `
           class=" css-1hb7zxy-IndicatorsContainer"
         >
           <button
-            class="sc-iukxot sc-gsFzgR sc-cAhXWc iqnaHy dbjfWA ftfSQn"
+            class="c0 c1 c2"
             type="button"
           >
             <svg
@@ -198,7 +243,7 @@ exports[`SelectTree renders 1`] = `
       </div>
     </div>
     <div
-      class="sc-iJKOTD hhbJqr"
+      class="c3"
     >
       <p
         aria-live="polite"
diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/tests/__snapshots__/FromComputerForm.test.js.snap b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/tests/__snapshots__/FromComputerForm.test.js.snap
index 930af84e60..1e15d561b2 100644
--- a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/tests/__snapshots__/FromComputerForm.test.js.snap
+++ b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/tests/__snapshots__/FromComputerForm.test.js.snap
@@ -216,8 +216,7 @@ exports[`FromComputerForm snapshots the component 1`] = `
   color: #666687;
 }
 
-.c15[aria-disabled='true'] svg > g,
-.c15[aria-disabled='true'] svg path {
+.c15[aria-disabled='true'] svg > g,.c15[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -230,8 +229,7 @@ exports[`FromComputerForm snapshots the component 1`] = `
   color: #666687;
 }
 
-.c15[aria-disabled='true']:active svg > g,
-.c15[aria-disabled='true']:active svg path {
+.c15[aria-disabled='true']:active svg > g,.c15[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -288,8 +286,7 @@ exports[`FromComputerForm snapshots the component 1`] = `
   color: #666687;
 }
 
-.c21[aria-disabled='true'] svg > g,
-.c21[aria-disabled='true'] svg path {
+.c21[aria-disabled='true'] svg > g,.c21[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -302,8 +299,7 @@ exports[`FromComputerForm snapshots the component 1`] = `
   color: #666687;
 }
 
-.c21[aria-disabled='true']:active svg > g,
-.c21[aria-disabled='true']:active svg path {
+.c21[aria-disabled='true']:active svg > g,.c21[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/__snapshots__/PendingAssetStep.test.js.snap b/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/__snapshots__/PendingAssetStep.test.js.snap
index c76bc6941a..efc7ef97be 100644
--- a/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/__snapshots__/PendingAssetStep.test.js.snap
+++ b/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/__snapshots__/PendingAssetStep.test.js.snap
@@ -348,8 +348,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
   color: #666687;
 }
 
-.c16[aria-disabled='true'] svg > g,
-.c16[aria-disabled='true'] svg path {
+.c16[aria-disabled='true'] svg > g,.c16[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -362,8 +361,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
   color: #666687;
 }
 
-.c16[aria-disabled='true']:active svg > g,
-.c16[aria-disabled='true']:active svg path {
+.c16[aria-disabled='true']:active svg > g,.c16[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -420,8 +418,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
   color: #666687;
 }
 
-.c56[aria-disabled='true'] svg > g,
-.c56[aria-disabled='true'] svg path {
+.c56[aria-disabled='true'] svg > g,.c56[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -434,8 +431,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
   color: #666687;
 }
 
-.c56[aria-disabled='true']:active svg > g,
-.c56[aria-disabled='true']:active svg path {
+.c56[aria-disabled='true']:active svg > g,.c56[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/tests/__snapshots__/UploadAssetDialog.test.js.snap b/packages/core/upload/admin/src/components/UploadAssetDialog/tests/__snapshots__/UploadAssetDialog.test.js.snap
index f105630cd4..83e25d7f55 100644
--- a/packages/core/upload/admin/src/components/UploadAssetDialog/tests/__snapshots__/UploadAssetDialog.test.js.snap
+++ b/packages/core/upload/admin/src/components/UploadAssetDialog/tests/__snapshots__/UploadAssetDialog.test.js.snap
@@ -271,8 +271,7 @@ exports[`UploadAssetDialog from computer snapshots the component 1`] = `
   color: #666687;
 }
 
-.c34[aria-disabled='true'] svg > g,
-.c34[aria-disabled='true'] svg path {
+.c34[aria-disabled='true'] svg > g,.c34[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -285,8 +284,7 @@ exports[`UploadAssetDialog from computer snapshots the component 1`] = `
   color: #666687;
 }
 
-.c34[aria-disabled='true']:active svg > g,
-.c34[aria-disabled='true']:active svg path {
+.c34[aria-disabled='true']:active svg > g,.c34[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -343,8 +341,7 @@ exports[`UploadAssetDialog from computer snapshots the component 1`] = `
   color: #666687;
 }
 
-.c38[aria-disabled='true'] svg > g,
-.c38[aria-disabled='true'] svg path {
+.c38[aria-disabled='true'] svg > g,.c38[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -357,8 +354,7 @@ exports[`UploadAssetDialog from computer snapshots the component 1`] = `
   color: #666687;
 }
 
-.c38[aria-disabled='true']:active svg > g,
-.c38[aria-disabled='true']:active svg path {
+.c38[aria-disabled='true']:active svg > g,.c38[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -748,10 +744,7 @@ exports[`UploadAssetDialog from computer snapshots the component 1`] = `
 `;
 
 exports[`UploadAssetDialog from url snapshots the component 1`] = `
-<body
-  class="lock-body-scroll"
->
-  .c0 {
+.c0 {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
@@ -763,7 +756,543 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
   width: 1px;
 }
 
-<div>
+.c12 {
+  border: 0;
+  -webkit-clip: rect(0 0 0 0);
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.c3 {
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0px 2px 15px rgba(33,33,52,0.1);
+}
+
+.c5 {
+  background: #f6f6f9;
+  padding-top: 16px;
+  padding-right: 20px;
+  padding-bottom: 16px;
+  padding-left: 20px;
+}
+
+.c13 {
+  padding-top: 24px;
+  padding-right: 40px;
+  padding-left: 40px;
+}
+
+.c15 {
+  padding: 16px;
+}
+
+.c20 {
+  background: #eaeaef;
+}
+
+.c22 {
+  padding-top: 24px;
+  padding-right: 40px;
+  padding-bottom: 24px;
+  padding-left: 40px;
+}
+
+.c7 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c26 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c24 {
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c9 {
+  font-size: 0.875rem;
+  line-height: 1.43;
+  font-weight: 600;
+  color: #32324d;
+}
+
+.c19 {
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+  color: #4945ff;
+}
+
+.c17 {
+  font-weight: 600;
+  font-size: 0.6875rem;
+  line-height: 1.45;
+  text-transform: uppercase;
+  color: #666687;
+}
+
+.c34 {
+  font-size: 0.75rem;
+  line-height: 1.33;
+  font-weight: 600;
+  line-height: 1.14;
+  color: #32324d;
+}
+
+.c27 {
+  font-size: 0.75rem;
+  line-height: 1.33;
+  font-weight: 600;
+  color: #32324d;
+}
+
+.c30 {
+  font-size: 0.75rem;
+  line-height: 1.33;
+  color: #666687;
+}
+
+.c25 > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.c25 > * + * {
+  margin-top: 4px;
+}
+
+.c10 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 4px;
+  background: #ffffff;
+  border: 1px solid #dcdce4;
+  position: relative;
+  outline: none;
+}
+
+.c10 svg {
+  height: 12px;
+  width: 12px;
+}
+
+.c10 svg > g,
+.c10 svg path {
+  fill: #ffffff;
+}
+
+.c10[aria-disabled='true'] {
+  pointer-events: none;
+}
+
+.c10:after {
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -4px;
+  bottom: -4px;
+  left: -4px;
+  right: -4px;
+  border: 2px solid transparent;
+}
+
+.c10:focus-visible {
+  outline: none;
+}
+
+.c10:focus-visible:after {
+  border-radius: 8px;
+  content: '';
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: -5px;
+  right: -5px;
+  border: 2px solid #4945ff;
+}
+
+.c35 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #4945ff;
+  border: 1px solid #4945ff;
+  height: 2rem;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.c35 .c2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c35 .c8 {
+  color: #ffffff;
+}
+
+.c35[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c35[aria-disabled='true'] .c8 {
+  color: #666687;
+}
+
+.c35[aria-disabled='true'] svg > g,.c35[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c35[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c35[aria-disabled='true']:active .c8 {
+  color: #666687;
+}
+
+.c35[aria-disabled='true']:active svg > g,.c35[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c35:hover {
+  border: 1px solid #7b79ff;
+  background: #7b79ff;
+}
+
+.c35:active {
+  border: 1px solid #4945ff;
+  background: #4945ff;
+}
+
+.c35 svg > g,
+.c35 svg path {
+  fill: #ffffff;
+}
+
+.c33 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #4945ff;
+  border: 1px solid #4945ff;
+  height: 2rem;
+  padding-left: 16px;
+  padding-right: 16px;
+  border: 1px solid #dcdce4;
+  background: #ffffff;
+}
+
+.c33 .c2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c33 .c8 {
+  color: #ffffff;
+}
+
+.c33[aria-disabled='true'] {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c33[aria-disabled='true'] .c8 {
+  color: #666687;
+}
+
+.c33[aria-disabled='true'] svg > g,.c33[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c33[aria-disabled='true']:active {
+  border: 1px solid #dcdce4;
+  background: #eaeaef;
+}
+
+.c33[aria-disabled='true']:active .c8 {
+  color: #666687;
+}
+
+.c33[aria-disabled='true']:active svg > g,.c33[aria-disabled='true']:active svg path {
+  fill: #666687;
+}
+
+.c33:hover {
+  background-color: #f6f6f9;
+}
+
+.c33:active {
+  background-color: #eaeaef;
+}
+
+.c33 .c8 {
+  color: #32324d;
+}
+
+.c33 svg > g,
+.c33 svg path {
+  fill: #32324d;
+}
+
+.c21 {
+  height: 1px;
+  border: none;
+  margin: 0;
+}
+
+.c11 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  height: 2rem;
+  width: 2rem;
+}
+
+.c11 svg > g,
+.c11 svg path {
+  fill: #8e8ea9;
+}
+
+.c11:hover svg > g,
+.c11:hover svg path {
+  fill: #666687;
+}
+
+.c11:active svg > g,
+.c11:active svg path {
+  fill: #a5a5ba;
+}
+
+.c11[aria-disabled='true'] {
+  background-color: #eaeaef;
+}
+
+.c11[aria-disabled='true'] svg path {
+  fill: #666687;
+}
+
+.c1 {
+  position: fixed;
+  z-index: 4;
+  inset: 0;
+  background: #32324d1F;
+  padding: 0 40px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c4 {
+  width: 51.875rem;
+}
+
+.c6 {
+  border-radius: 4px 4px 0 0;
+  border-bottom: 1px solid #eaeaef;
+}
+
+.c31 {
+  border-radius: 0 0 4px 4px;
+  border-top: 1px solid #eaeaef;
+}
+
+.c32 > * + * {
+  margin-left: 8px;
+}
+
+.c18 {
+  border-bottom: 2px solid #4945ff;
+}
+
+.c16 {
+  border-bottom: 2px solid transparent;
+}
+
+.c14[aria-disabled='true'] {
+  cursor: not-allowed;
+}
+
+.c28 {
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  background: #ffffff;
+  outline: none;
+  box-shadow: 0;
+  -webkit-transition-property: border-color,box-shadow,fill;
+  transition-property: border-color,box-shadow,fill;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+}
+
+.c28:focus-within {
+  border: 1px solid #4945ff;
+  box-shadow: #4945ff 0px 0px 0px 2px;
+}
+
+.c29 {
+  display: block;
+  width: 100%;
+  font-weight: 400;
+  font-size: 0.875rem;
+  border: none;
+  color: #32324d;
+  resize: none;
+  background: inherit;
+}
+
+.c29::-webkit-input-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c29::-moz-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c29:-ms-input-placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c29::placeholder {
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c29:focus-within {
+  outline: none;
+}
+
+.c23 textarea {
+  height: 5rem;
+  line-height: 1.25rem;
+}
+
+.c23 textarea::-webkit-input-placeholder {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c23 textarea::-moz-placeholder {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c23 textarea:-ms-input-placeholder {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+.c23 textarea::placeholder {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #8e8ea9;
+  opacity: 1;
+}
+
+<body
+  class="lock-body-scroll"
+>
+  <div>
     <div
       class="c0"
     >
@@ -787,576 +1316,39 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
       />
     </div>
   </div>
-  .c11 {
-  border: 0;
-  -webkit-clip: rect(0 0 0 0);
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.c2 {
-  background: #ffffff;
-  border-radius: 4px;
-  box-shadow: 0px 2px 15px rgba(33,33,52,0.1);
-}
-
-.c4 {
-  background: #f6f6f9;
-  padding-top: 16px;
-  padding-right: 20px;
-  padding-bottom: 16px;
-  padding-left: 20px;
-}
-
-.c12 {
-  padding-top: 24px;
-  padding-right: 40px;
-  padding-left: 40px;
-}
-
-.c14 {
-  padding: 16px;
-}
-
-.c19 {
-  background: #eaeaef;
-}
-
-.c21 {
-  padding-top: 24px;
-  padding-right: 40px;
-  padding-bottom: 24px;
-  padding-left: 40px;
-}
-
-.c6 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-.c25 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.c23 {
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.c8 {
-  font-size: 0.875rem;
-  line-height: 1.43;
-  font-weight: 600;
-  color: #32324d;
-}
-
-.c18 {
-  font-weight: 600;
-  font-size: 0.6875rem;
-  line-height: 1.45;
-  text-transform: uppercase;
-  color: #4945ff;
-}
-
-.c16 {
-  font-weight: 600;
-  font-size: 0.6875rem;
-  line-height: 1.45;
-  text-transform: uppercase;
-  color: #666687;
-}
-
-.c33 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  line-height: 1.14;
-  color: #32324d;
-}
-
-.c26 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  color: #32324d;
-}
-
-.c29 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  color: #666687;
-}
-
-.c24 > * {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.c24 > * + * {
-  margin-top: 4px;
-}
-
-.c9 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  cursor: pointer;
-  padding: 8px;
-  border-radius: 4px;
-  background: #ffffff;
-  border: 1px solid #dcdce4;
-  position: relative;
-  outline: none;
-}
-
-.c9 svg {
-  height: 12px;
-  width: 12px;
-}
-
-.c9 svg > g,
-.c9 svg path {
-  fill: #ffffff;
-}
-
-.c9[aria-disabled='true'] {
-  pointer-events: none;
-}
-
-.c9:after {
-  -webkit-transition-property: all;
-  transition-property: all;
-  -webkit-transition-duration: 0.2s;
-  transition-duration: 0.2s;
-  border-radius: 8px;
-  content: '';
-  position: absolute;
-  top: -4px;
-  bottom: -4px;
-  left: -4px;
-  right: -4px;
-  border: 2px solid transparent;
-}
-
-.c9:focus-visible {
-  outline: none;
-}
-
-.c9:focus-visible:after {
-  border-radius: 8px;
-  content: '';
-  position: absolute;
-  top: -5px;
-  bottom: -5px;
-  left: -5px;
-  right: -5px;
-  border: 2px solid #4945ff;
-}
-
-.c34 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: #4945ff;
-  border: 1px solid #4945ff;
-  height: 2rem;
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.c34 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c34 .c7 {
-  color: #ffffff;
-}
-
-.c34[aria-disabled='true'] {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c34[aria-disabled='true'] .c7 {
-  color: #666687;
-}
-
-.c34[aria-disabled='true'] svg > g,
-.c34[aria-disabled='true'] svg path {
-  fill: #666687;
-}
-
-.c34[aria-disabled='true']:active {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c34[aria-disabled='true']:active .c7 {
-  color: #666687;
-}
-
-.c34[aria-disabled='true']:active svg > g,
-.c34[aria-disabled='true']:active svg path {
-  fill: #666687;
-}
-
-.c34:hover {
-  border: 1px solid #7b79ff;
-  background: #7b79ff;
-}
-
-.c34:active {
-  border: 1px solid #4945ff;
-  background: #4945ff;
-}
-
-.c34 svg > g,
-.c34 svg path {
-  fill: #ffffff;
-}
-
-.c32 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: #4945ff;
-  border: 1px solid #4945ff;
-  height: 2rem;
-  padding-left: 16px;
-  padding-right: 16px;
-  border: 1px solid #dcdce4;
-  background: #ffffff;
-}
-
-.c32 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c32 .c7 {
-  color: #ffffff;
-}
-
-.c32[aria-disabled='true'] {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c32[aria-disabled='true'] .c7 {
-  color: #666687;
-}
-
-.c32[aria-disabled='true'] svg > g,
-.c32[aria-disabled='true'] svg path {
-  fill: #666687;
-}
-
-.c32[aria-disabled='true']:active {
-  border: 1px solid #dcdce4;
-  background: #eaeaef;
-}
-
-.c32[aria-disabled='true']:active .c7 {
-  color: #666687;
-}
-
-.c32[aria-disabled='true']:active svg > g,
-.c32[aria-disabled='true']:active svg path {
-  fill: #666687;
-}
-
-.c32:hover {
-  background-color: #f6f6f9;
-}
-
-.c32:active {
-  background-color: #eaeaef;
-}
-
-.c32 .c7 {
-  color: #32324d;
-}
-
-.c32 svg > g,
-.c32 svg path {
-  fill: #32324d;
-}
-
-.c20 {
-  height: 1px;
-  border: none;
-  margin: 0;
-}
-
-.c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  height: 2rem;
-  width: 2rem;
-}
-
-.c10 svg > g,
-.c10 svg path {
-  fill: #8e8ea9;
-}
-
-.c10:hover svg > g,
-.c10:hover svg path {
-  fill: #666687;
-}
-
-.c10:active svg > g,
-.c10:active svg path {
-  fill: #a5a5ba;
-}
-
-.c10[aria-disabled='true'] {
-  background-color: #eaeaef;
-}
-
-.c10[aria-disabled='true'] svg path {
-  fill: #666687;
-}
-
-.c0 {
-  position: fixed;
-  z-index: 4;
-  inset: 0;
-  background: #32324d1F;
-  padding: 0 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c3 {
-  width: 51.875rem;
-}
-
-.c5 {
-  border-radius: 4px 4px 0 0;
-  border-bottom: 1px solid #eaeaef;
-}
-
-.c30 {
-  border-radius: 0 0 4px 4px;
-  border-top: 1px solid #eaeaef;
-}
-
-.c31 > * + * {
-  margin-left: 8px;
-}
-
-.c17 {
-  border-bottom: 2px solid #4945ff;
-}
-
-.c15 {
-  border-bottom: 2px solid transparent;
-}
-
-.c13[aria-disabled='true'] {
-  cursor: not-allowed;
-}
-
-.c27 {
-  border: 1px solid #dcdce4;
-  border-radius: 4px;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  background: #ffffff;
-  outline: none;
-  box-shadow: 0;
-  -webkit-transition-property: border-color,box-shadow,fill;
-  transition-property: border-color,box-shadow,fill;
-  -webkit-transition-duration: 0.2s;
-  transition-duration: 0.2s;
-}
-
-.c27:focus-within {
-  border: 1px solid #4945ff;
-  box-shadow: #4945ff 0px 0px 0px 2px;
-}
-
-.c28 {
-  display: block;
-  width: 100%;
-  font-weight: 400;
-  font-size: 0.875rem;
-  border: none;
-  color: #32324d;
-  resize: none;
-  background: inherit;
-}
-
-.c28::-webkit-input-placeholder {
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c28::-moz-placeholder {
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c28:-ms-input-placeholder {
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c28::placeholder {
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c28:focus-within {
-  outline: none;
-}
-
-.c22 textarea {
-  height: 5rem;
-  line-height: 1.25rem;
-}
-
-.c22 textarea::-webkit-input-placeholder {
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 1.43;
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c22 textarea::-moz-placeholder {
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 1.43;
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c22 textarea:-ms-input-placeholder {
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 1.43;
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-.c22 textarea::placeholder {
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 1.43;
-  color: #8e8ea9;
-  opacity: 1;
-}
-
-<div
+  <div
     data-react-portal="true"
   >
     <div
-      class="c0"
+      class="c1"
     >
       <div>
         <div>
           <div
             aria-labelledby="title"
             aria-modal="true"
-            class="c1 c2 c3"
+            class="c2 c3 c4"
             role="dialog"
           >
             <div
-              class="c1 c4 c5"
+              class="c2 c5 c6"
             >
               <div
-                class="c1 c6"
+                class="c2 c7"
               >
                 <h2
-                  class="c7 c8"
+                  class="c8 c9"
                   id="title"
                 >
                   Add new assets
                 </h2>
                 <button
                   aria-disabled="false"
-                  class="c9 c10"
+                  class="c10 c11"
                   type="button"
                 >
                   <span
-                    class="c11"
+                    class="c12"
                   >
                     Close the modal
                   </span>
@@ -1379,7 +1371,7 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
             </div>
             <div>
               <div
-                class="c1 c12"
+                class="c2 c13"
               >
                 <div
                   aria-label="How do you want to upload your assets?"
@@ -1388,17 +1380,17 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
                   <button
                     aria-disabled="false"
                     aria-selected="false"
-                    class="c13"
+                    class="c14"
                     id="tabgroup-33-0-tab"
                     role="tab"
                     tabindex="-1"
                     type="button"
                   >
                     <div
-                      class="c1 c14 c15"
+                      class="c2 c15 c16"
                     >
                       <span
-                        class="c7 c16"
+                        class="c8 c17"
                       >
                         From computer
                       </span>
@@ -1408,17 +1400,17 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
                     aria-controls="tabgroup-33-1-tabpanel"
                     aria-disabled="false"
                     aria-selected="true"
-                    class="c13"
+                    class="c14"
                     id="tabgroup-33-1-tab"
                     role="tab"
                     tabindex="0"
                     type="button"
                   >
                     <div
-                      class="c1 c14 c17"
+                      class="c2 c15 c18"
                     >
                       <span
-                        class="c7 c18"
+                        class="c8 c19"
                       >
                         From url
                       </span>
@@ -1426,7 +1418,7 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
                   </button>
                 </div>
                 <hr
-                  class="c1 c19 c20"
+                  class="c2 c20 c21"
                 />
               </div>
               <div>
@@ -1441,44 +1433,44 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
                     novalidate=""
                   >
                     <div
-                      class="c1 c21"
+                      class="c2 c22"
                     >
                       <div
-                        class="c22"
+                        class="c23"
                       >
                         <div>
                           <div
-                            class="c1 c23 c24"
+                            class="c2 c24 c25"
                             spacing="1"
                           >
                             <div
-                              class="c1 c25"
+                              class="c2 c26"
                             >
                               <label
-                                class="c7 c26"
+                                class="c8 c27"
                                 for="textarea-35"
                               >
                                 <div
-                                  class="c1 c25"
+                                  class="c2 c26"
                                 >
                                   URL
                                 </div>
                               </label>
                             </div>
                             <div
-                              class="c27"
+                              class="c28"
                             >
                               <textarea
                                 aria-describedby="textarea-35-hint"
                                 aria-invalid="false"
                                 aria-required="false"
-                                class="c28"
+                                class="c29"
                                 id="textarea-35"
                                 name="urls"
                               />
                             </div>
                             <p
-                              class="c7 c29"
+                              class="c8 c30"
                               id="textarea-35-hint"
                             >
                               Separate your URL links by a carriage return.
@@ -1488,36 +1480,36 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = `
                       </div>
                     </div>
                     <div
-                      class="c1 c4 c30"
+                      class="c2 c5 c31"
                     >
                       <div
-                        class="c1 c6"
+                        class="c2 c7"
                       >
                         <div
-                          class="c1 c25 c31"
+                          class="c2 c26 c32"
                         >
                           <button
                             aria-disabled="false"
-                            class="c9 c32"
+                            class="c10 c33"
                             type="button"
                           >
                             <span
-                              class="c7 c33"
+                              class="c8 c34"
                             >
                               app.components.Button.cancel
                             </span>
                           </button>
                         </div>
                         <div
-                          class="c1 c25 c31"
+                          class="c2 c26 c32"
                         >
                           <button
                             aria-disabled="false"
-                            class="c9 c34"
+                            class="c10 c35"
                             type="submit"
                           >
                             <span
-                              class="c7 c33"
+                              class="c8 c34"
                             >
                               Next
                             </span>
diff --git a/packages/core/upload/admin/src/pages/App/ConfigureTheView/tests/__snapshots__/ConfigureTheView.test.js.snap b/packages/core/upload/admin/src/pages/App/ConfigureTheView/tests/__snapshots__/ConfigureTheView.test.js.snap
index d02e320c28..ee8410a908 100644
--- a/packages/core/upload/admin/src/pages/App/ConfigureTheView/tests/__snapshots__/ConfigureTheView.test.js.snap
+++ b/packages/core/upload/admin/src/pages/App/ConfigureTheView/tests/__snapshots__/ConfigureTheView.test.js.snap
@@ -260,8 +260,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
   color: #666687;
 }
 
-.c16[aria-disabled='true'] svg > g,
-.c16[aria-disabled='true'] svg path {
+.c16[aria-disabled='true'] svg > g,.c16[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -274,8 +273,7 @@ exports[`Upload - Configure initial render renders and matches the snapshot 1`]
   color: #666687;
 }
 
-.c16[aria-disabled='true']:active svg > g,
-.c16[aria-disabled='true']:active svg path {
+.c16[aria-disabled='true']:active svg > g,.c16[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkActions.test.js.snap b/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkActions.test.js.snap
index e5c695783a..f049d526ce 100644
--- a/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkActions.test.js.snap
+++ b/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkActions.test.js.snap
@@ -158,8 +158,7 @@ exports[`BulkActions renders 1`] = `
   color: #666687;
 }
 
-.c7[aria-disabled='true'] svg > g,
-.c7[aria-disabled='true'] svg path {
+.c7[aria-disabled='true'] svg > g,.c7[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -172,8 +171,7 @@ exports[`BulkActions renders 1`] = `
   color: #666687;
 }
 
-.c7[aria-disabled='true']:active svg > g,
-.c7[aria-disabled='true']:active svg path {
+.c7[aria-disabled='true']:active svg > g,.c7[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -242,8 +240,7 @@ exports[`BulkActions renders 1`] = `
   color: #666687;
 }
 
-.c11[aria-disabled='true'] svg > g,
-.c11[aria-disabled='true'] svg path {
+.c11[aria-disabled='true'] svg > g,.c11[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -256,8 +253,7 @@ exports[`BulkActions renders 1`] = `
   color: #666687;
 }
 
-.c11[aria-disabled='true']:active svg > g,
-.c11[aria-disabled='true']:active svg path {
+.c11[aria-disabled='true']:active svg > g,.c11[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkDeleteButton.test.js.snap b/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkDeleteButton.test.js.snap
index 5a61d6f120..be0bb4d6fa 100644
--- a/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkDeleteButton.test.js.snap
+++ b/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkDeleteButton.test.js.snap
@@ -125,8 +125,7 @@ exports[`BulkDeleteButton renders 1`] = `
   color: #666687;
 }
 
-.c1[aria-disabled='true'] svg > g,
-.c1[aria-disabled='true'] svg path {
+.c1[aria-disabled='true'] svg > g,.c1[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -139,8 +138,7 @@ exports[`BulkDeleteButton renders 1`] = `
   color: #666687;
 }
 
-.c1[aria-disabled='true']:active svg > g,
-.c1[aria-disabled='true']:active svg path {
+.c1[aria-disabled='true']:active svg > g,.c1[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkMoveButton.test.js.snap b/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkMoveButton.test.js.snap
index 94bba69028..43c8a747f2 100644
--- a/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkMoveButton.test.js.snap
+++ b/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/BulkMoveButton.test.js.snap
@@ -125,8 +125,7 @@ exports[`BulkMoveButton renders 1`] = `
   color: #666687;
 }
 
-.c1[aria-disabled='true'] svg > g,
-.c1[aria-disabled='true'] svg path {
+.c1[aria-disabled='true'] svg > g,.c1[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -139,8 +138,7 @@ exports[`BulkMoveButton renders 1`] = `
   color: #666687;
 }
 
-.c1[aria-disabled='true']:active svg > g,
-.c1[aria-disabled='true']:active svg path {
+.c1[aria-disabled='true']:active svg > g,.c1[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/Header.test.js.snap b/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/Header.test.js.snap
index 453cb79110..60ccd389e8 100644
--- a/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/Header.test.js.snap
+++ b/packages/core/upload/admin/src/pages/App/MediaLibrary/components/tests/__snapshots__/Header.test.js.snap
@@ -191,8 +191,7 @@ exports[`Header renders 1`] = `
   color: #666687;
 }
 
-.c13[aria-disabled='true'] svg > g,
-.c13[aria-disabled='true'] svg path {
+.c13[aria-disabled='true'] svg > g,.c13[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -205,8 +204,7 @@ exports[`Header renders 1`] = `
   color: #666687;
 }
 
-.c13[aria-disabled='true']:active svg > g,
-.c13[aria-disabled='true']:active svg path {
+.c13[aria-disabled='true']:active svg > g,.c13[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
@@ -273,8 +271,7 @@ exports[`Header renders 1`] = `
   color: #666687;
 }
 
-.c16[aria-disabled='true'] svg > g,
-.c16[aria-disabled='true'] svg path {
+.c16[aria-disabled='true'] svg > g,.c16[aria-disabled='true'] svg path {
   fill: #666687;
 }
 
@@ -287,8 +284,7 @@ exports[`Header renders 1`] = `
   color: #666687;
 }
 
-.c16[aria-disabled='true']:active svg > g,
-.c16[aria-disabled='true']:active svg path {
+.c16[aria-disabled='true']:active svg > g,.c16[aria-disabled='true']:active svg path {
   fill: #666687;
 }
 
diff --git a/packages/core/upload/admin/src/pages/SettingsPage/tests/index.test.js b/packages/core/upload/admin/src/pages/SettingsPage/tests/index.test.js
index 09e62b28dd..852b61125b 100644
--- a/packages/core/upload/admin/src/pages/SettingsPage/tests/index.test.js
+++ b/packages/core/upload/admin/src/pages/SettingsPage/tests/index.test.js
@@ -370,8 +370,7 @@ describe('Upload | SettingsPage', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true'] svg > g,
-      .c8[aria-disabled='true'] svg path {
+      .c8[aria-disabled='true'] svg > g,.c8[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -384,8 +383,7 @@ describe('Upload | SettingsPage', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true']:active svg > g,
-      .c8[aria-disabled='true']:active svg path {
+      .c8[aria-disabled='true']:active svg > g,.c8[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js
index 900292a943..4d26116ebf 100644
--- a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js
+++ b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js
@@ -634,8 +634,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true'] svg > g,
-      .c8[aria-disabled='true'] svg path {
+      .c8[aria-disabled='true'] svg > g,.c8[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -648,8 +647,7 @@ describe('ADMIN | Pages | Settings | Advanced Settings', () => {
         color: #666687;
       }
 
-      .c8[aria-disabled='true']:active svg > g,
-      .c8[aria-disabled='true']:active svg path {
+      .c8[aria-disabled='true']:active svg > g,.c8[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js
index 5d9fbb8466..9f2a35f9d3 100644
--- a/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js
+++ b/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js
@@ -408,8 +408,7 @@ describe('Admin | containers | RoleCreatePage', () => {
         color: #666687;
       }
 
-      .c9[aria-disabled='true'] svg > g,
-      .c9[aria-disabled='true'] svg path {
+      .c9[aria-disabled='true'] svg > g,.c9[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -422,8 +421,7 @@ describe('Admin | containers | RoleCreatePage', () => {
         color: #666687;
       }
 
-      .c9[aria-disabled='true']:active svg > g,
-      .c9[aria-disabled='true']:active svg path {
+      .c9[aria-disabled='true']:active svg > g,.c9[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -662,10 +660,6 @@ describe('Admin | containers | RoleCreatePage', () => {
         border: 1px solid #4945ff;
       }
 
-      .c37:hover:not([aria-disabled='true']) .sc-jNHqnW {
-        color: #271fe0;
-      }
-
       .c37:hover:not([aria-disabled='true']) .c6 {
         color: #4945ff;
       }
@@ -1029,7 +1023,7 @@ describe('Admin | containers | RoleCreatePage', () => {
                                   class="c6 c45"
                                 >
                                   <span
-                                    class="c6 sc-jNHqnW c46"
+                                    class="c6 c46"
                                     id="accordion-label-accordion-7"
                                   >
                                     Address
diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js
index 429d5adb2b..94e7cc2fa9 100644
--- a/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js
+++ b/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js
@@ -435,8 +435,7 @@ describe('Admin | containers | RoleEditPage', () => {
         color: #666687;
       }
 
-      .c14[aria-disabled='true'] svg > g,
-      .c14[aria-disabled='true'] svg path {
+      .c14[aria-disabled='true'] svg > g,.c14[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -449,8 +448,7 @@ describe('Admin | containers | RoleEditPage', () => {
         color: #666687;
       }
 
-      .c14[aria-disabled='true']:active svg > g,
-      .c14[aria-disabled='true']:active svg path {
+      .c14[aria-disabled='true']:active svg > g,.c14[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
@@ -726,10 +724,6 @@ describe('Admin | containers | RoleEditPage', () => {
         border: 1px solid #4945ff;
       }
 
-      .c41:hover:not([aria-disabled='true']) .sc-jNHqnW {
-        color: #271fe0;
-      }
-
       .c41:hover:not([aria-disabled='true']) .c7 {
         color: #4945ff;
       }
@@ -1127,7 +1121,7 @@ describe('Admin | containers | RoleEditPage', () => {
                                   class="c7 c49"
                                 >
                                   <span
-                                    class="c7 sc-jNHqnW c50"
+                                    class="c7 c50"
                                     id="accordion-label-accordion-3"
                                   >
                                     Address
diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/tests/index.test.js
index a7952b70d1..fbb120041d 100644
--- a/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/tests/index.test.js
+++ b/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/tests/index.test.js
@@ -330,8 +330,7 @@ describe('Plugin | Users and Permissions | RoleListPage', () => {
         color: #666687;
       }
 
-      .c11[aria-disabled='true'] svg > g,
-      .c11[aria-disabled='true'] svg path {
+      .c11[aria-disabled='true'] svg > g,.c11[aria-disabled='true'] svg path {
         fill: #666687;
       }
 
@@ -344,8 +343,7 @@ describe('Plugin | Users and Permissions | RoleListPage', () => {
         color: #666687;
       }
 
-      .c11[aria-disabled='true']:active svg > g,
-      .c11[aria-disabled='true']:active svg path {
+      .c11[aria-disabled='true']:active svg > g,.c11[aria-disabled='true']:active svg path {
         fill: #666687;
       }
 
diff --git a/yarn.lock b/yarn.lock
index 42c9b8ddbd..c167125cec 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9463,16 +9463,6 @@ css.escape@^1.5.1:
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
   integrity sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==
 
-css@^2.2.4:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
-  integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
-  dependencies:
-    inherits "^2.0.3"
-    source-map "^0.6.1"
-    source-map-resolve "^0.5.2"
-    urix "^0.1.0"
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -14168,12 +14158,12 @@ jest-snapshot@^29.0.3:
     pretty-format "^29.0.3"
     semver "^7.3.5"
 
-jest-styled-components@7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/jest-styled-components/-/jest-styled-components-7.0.2.tgz#b7711871ea74a04491b12bad123fa35cc65a2a80"
-  integrity sha512-i1Qke8Jfgx0Why31q74ohVj9S2FmMLUE8bNRSoK4DgiurKkXG6HC4NPhcOLAz6VpVd9wXkPn81hOt4aAQedqsA==
+jest-styled-components@7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/jest-styled-components/-/jest-styled-components-7.1.1.tgz#faf19c733e0de4bbef1f9151955b99e839b7df48"
+  integrity sha512-OUq31R5CivBF8oy81dnegNQrRW13TugMol/Dz6ZnFfEyo03exLASod7YGwyHGuayYlKmCstPtz0RQ1+NrAbIIA==
   dependencies:
-    css "^2.2.4"
+    "@adobe/css-tools" "^4.0.1"
 
 jest-util@^26.6.2:
   version "26.6.2"
@@ -19931,7 +19921,7 @@ source-map-js@^1.0.2:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
-source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
+source-map-resolve@^0.5.0:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
   integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==