diff --git a/examples/getstarted/package.json b/examples/getstarted/package.json
index 0556a9187d..5450062fa1 100644
--- a/examples/getstarted/package.json
+++ b/examples/getstarted/package.json
@@ -13,7 +13,7 @@
     "strapi": "strapi"
   },
   "dependencies": {
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/plugin-color-picker": "workspace:*",
     "@strapi/plugin-documentation": "workspace:*",
     "@strapi/plugin-graphql": "workspace:*",
diff --git a/examples/plugins/todo-example/package.json b/examples/plugins/todo-example/package.json
index 5221256572..8e7dd7934d 100644
--- a/examples/plugins/todo-example/package.json
+++ b/examples/plugins/todo-example/package.json
@@ -27,8 +27,8 @@
     "@strapi/strapi": "workspace:*"
   },
   "dependencies": {
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "eslint": "8.50.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
diff --git a/packages/core/admin/package.json b/packages/core/admin/package.json
index 228af2b0d5..4b929aae2d 100644
--- a/packages/core/admin/package.json
+++ b/packages/core/admin/package.json
@@ -84,8 +84,8 @@
     "@radix-ui/react-context": "1.0.1",
     "@radix-ui/react-toolbar": "1.0.4",
     "@reduxjs/toolkit": "1.9.7",
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/permissions": "5.15.0",
     "@strapi/types": "5.15.0",
     "@strapi/typescript-utils": "5.15.0",
diff --git a/packages/core/content-manager/package.json b/packages/core/content-manager/package.json
index 48cfdd13a4..328a94d619 100644
--- a/packages/core/content-manager/package.json
+++ b/packages/core/content-manager/package.json
@@ -67,8 +67,8 @@
     "@radix-ui/react-toolbar": "1.0.4",
     "@reduxjs/toolkit": "1.9.7",
     "@sindresorhus/slugify": "1.1.0",
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/types": "5.15.0",
     "@strapi/utils": "5.15.0",
     "codemirror5": "npm:codemirror@^5.65.11",
diff --git a/packages/core/content-releases/package.json b/packages/core/content-releases/package.json
index 9471bdc2c4..3e8d149ae3 100644
--- a/packages/core/content-releases/package.json
+++ b/packages/core/content-releases/package.json
@@ -60,8 +60,8 @@
   "dependencies": {
     "@reduxjs/toolkit": "1.9.7",
     "@strapi/database": "5.15.0",
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/types": "5.15.0",
     "@strapi/utils": "5.15.0",
     "date-fns": "2.30.0",
diff --git a/packages/core/content-type-builder/admin/src/components/AttributeOptions/tests/__snapshots__/AttributeOptions.test.tsx.snap b/packages/core/content-type-builder/admin/src/components/AttributeOptions/tests/__snapshots__/AttributeOptions.test.tsx.snap
index eeb8e8daad..1c1011d619 100644
--- a/packages/core/content-type-builder/admin/src/components/AttributeOptions/tests/__snapshots__/AttributeOptions.test.tsx.snap
+++ b/packages/core/content-type-builder/admin/src/components/AttributeOptions/tests/__snapshots__/AttributeOptions.test.tsx.snap
@@ -109,7 +109,7 @@ exports[`<AttributeOptions /> renders and matches the snapshot 1`] = `
 }
 
 .c1 {
-  padding-inline: 40px;
+  padding-inline: 32px;
 }
 
 .c1>div {
diff --git a/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/tests/__snapshots__/index.test.tsx.snap b/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/tests/__snapshots__/index.test.tsx.snap
index d57c75731d..af39556deb 100644
--- a/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/tests/__snapshots__/index.test.tsx.snap
+++ b/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/tests/__snapshots__/index.test.tsx.snap
@@ -327,8 +327,8 @@ exports[`<ContentTypeBuilderNav /> renders and matches the snapshot 1`] = `
   padding-block: 4px;
 }
 
-.c19 ::placeholder {
-  color: #8e8ea9;
+.c19::placeholder {
+  color: #666687;
   opacity: 1;
 }
 
diff --git a/packages/core/content-type-builder/package.json b/packages/core/content-type-builder/package.json
index 7a22869f09..27569f63e3 100644
--- a/packages/core/content-type-builder/package.json
+++ b/packages/core/content-type-builder/package.json
@@ -66,9 +66,9 @@
     "@dnd-kit/utilities": "3.2.2",
     "@reduxjs/toolkit": "1.9.7",
     "@sindresorhus/slugify": "1.1.0",
-    "@strapi/design-system": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
     "@strapi/generators": "5.15.0",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/utils": "5.15.0",
     "date-fns": "2.30.0",
     "fs-extra": "11.2.0",
diff --git a/packages/core/email/package.json b/packages/core/email/package.json
index 50aefe143e..f1f2b576ef 100644
--- a/packages/core/email/package.json
+++ b/packages/core/email/package.json
@@ -56,8 +56,8 @@
     "watch": "run -T rollup -c -w"
   },
   "dependencies": {
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/provider-email-sendmail": "5.15.0",
     "@strapi/utils": "5.15.0",
     "koa2-ratelimit": "^1.1.3",
diff --git a/packages/core/review-workflows/package.json b/packages/core/review-workflows/package.json
index 1caaa141c7..4cc086a2cb 100644
--- a/packages/core/review-workflows/package.json
+++ b/packages/core/review-workflows/package.json
@@ -57,8 +57,8 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "1.9.7",
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/utils": "5.15.0",
     "fractional-indexing": "3.2.0",
     "react-dnd": "16.0.1",
diff --git a/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.tsx.snap b/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.tsx.snap
index 1021bdd986..26d5ec8583 100644
--- a/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.tsx.snap
+++ b/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.tsx.snap
@@ -203,11 +203,10 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
 }
 
 .c3 {
-  background-color: #32324d;
+  background: #32324d33;
   position: fixed;
   inset: 0;
   z-index: 300;
-  opacity: 0.2;
   will-change: opacity;
 }
 
@@ -230,12 +229,18 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
   z-index: 310;
 }
 
+.c4 >form {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
 .c7 {
   border-bottom: solid 1px #eaeaef;
 }
 
 .c13 {
-  padding-inline: 40px;
+  padding-inline: 32px;
 }
 
 .c13>div {
@@ -388,193 +393,192 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
     </span>
   </div>
   <div
-    aria-hidden="true"
     class="c3"
-    data-aria-hidden="true"
     data-state="open"
     style="pointer-events: auto;"
-  />
-  <div
-    aria-describedby="radix-:r2:"
-    aria-labelledby="radix-:r1:"
-    class="c4"
-    data-state="open"
-    id="radix-:r0:"
-    role="dialog"
-    style="pointer-events: auto;"
-    tabindex="-1"
   >
-    <form
-      action="#"
-      novalidate=""
+    <div
+      aria-describedby="radix-:r2:"
+      aria-labelledby="radix-:r1:"
+      class="c4"
+      data-state="open"
+      id="radix-:r0:"
+      role="dialog"
+      style="pointer-events: auto;"
+      tabindex="-1"
     >
-      <header
-        class="c5 c6 c7"
+      <form
+        action="#"
+        novalidate=""
       >
-        <h2
-          class="c8"
-          id="radix-:r1:"
+        <header
+          class="c5 c6 c7"
         >
-          Move elements to
-        </h2>
-        <button
-          aria-disabled="false"
-          class="c9 c10 c11"
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            fill="currentColor"
-            focusable="false"
-            height="16"
-            viewBox="0 0 32 32"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
+          <h2
+            class="c8"
+            id="radix-:r1:"
           >
-            <path
-              d="M26.061 23.939a1.503 1.503 0 0 1-2.125 2.125L16 18.125l-7.939 7.936a1.503 1.503 0 1 1-2.125-2.125L13.875 16 5.939 8.061a1.503 1.503 0 1 1 2.125-2.125L16 13.875l7.939-7.94a1.502 1.502 0 1 1 2.125 2.125L18.125 16z"
-            />
-          </svg>
-          <span
-            class="c2"
+            Move elements to
+          </h2>
+          <button
+            aria-disabled="false"
+            class="c9 c10 c11"
+            type="button"
           >
-            Close modal
-          </span>
-        </button>
-      </header>
-      <div
-        class="c12 c13"
-        dir="ltr"
-        style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
-      >
-        <style>
-          [data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}
-        </style>
+            <svg
+              aria-hidden="true"
+              fill="currentColor"
+              focusable="false"
+              height="16"
+              viewBox="0 0 32 32"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M26.061 23.939a1.503 1.503 0 0 1-2.125 2.125L16 18.125l-7.939 7.936a1.503 1.503 0 1 1-2.125-2.125L13.875 16 5.939 8.061a1.503 1.503 0 1 1 2.125-2.125L16 13.875l7.939-7.94a1.502 1.502 0 1 1 2.125 2.125L18.125 16z"
+              />
+            </svg>
+            <span
+              class="c2"
+            >
+              Close modal
+            </span>
+          </button>
+        </header>
         <div
-          class="c14"
-          data-radix-scroll-area-viewport=""
-          style="overflow-x: scroll; overflow-y: scroll;"
+          class="c12 c13"
+          dir="ltr"
+          style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
         >
+          <style>
+            [data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}
+          </style>
           <div
-            style="min-width: 100%; display: table;"
+            class="c14"
+            data-radix-scroll-area-viewport=""
+            style="overflow-x: scroll; overflow-y: scroll;"
           >
             <div
-              class="c15"
+              style="min-width: 100%; display: table;"
             >
               <div
-                class="c16 c17"
+                class="c15"
               >
                 <div
-                  class="c18"
+                  class="c16 c17"
                 >
-                  <label
-                    class="c19 c20"
-                    for="folder-destination"
-                    id="folder-destination-label"
-                  >
-                    Location
-                  </label>
                   <div
-                    class=" css-1iyvlxg-container"
+                    class="c18"
                   >
-                    <span
-                      class="css-1f43avz-a11yText-A11yText"
-                      id="react-select-2-live-region"
-                    />
-                    <span
-                      aria-atomic="false"
-                      aria-live="polite"
-                      aria-relevant="additions text"
-                      class="css-1f43avz-a11yText-A11yText"
-                      role="log"
-                    />
-                    <div
-                      class=" css-oe0cnm-control"
+                    <label
+                      class="c19 c20"
+                      for="folder-destination"
+                      id="folder-destination-label"
                     >
+                      Location
+                    </label>
+                    <div
+                      class=" css-1iyvlxg-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-2-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                        role="log"
+                      />
                       <div
-                        class=" css-onz4xi-ValueContainer"
+                        class=" css-oe0cnm-control"
                       >
                         <div
-                          class=" css-1ryi7up-singleValue"
+                          class=" css-onz4xi-ValueContainer"
                         >
-                          Media Library
-                        </div>
-                        <input
-                          aria-activedescendant=""
-                          aria-autocomplete="list"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          aria-invalid="false"
-                          aria-readonly="true"
-                          class="css-mohuvp-dummyInput-DummyInput"
-                          id="folder-destination"
-                          inputmode="none"
-                          role="combobox"
-                          tabindex="0"
-                          value=""
-                        />
-                      </div>
-                      <div
-                        class=" css-1hm8yhz-IndicatorsContainer"
-                      >
-                        <div
-                          aria-hidden="true"
-                          class="c21 c22 c23"
-                        >
-                          <svg
-                            fill="currentColor"
-                            height="16"
-                            viewBox="0 0 32 32"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <div
+                            class=" css-1ryi7up-singleValue"
                           >
-                            <path
-                              d="m26.708 12.708-10 10a1 1 0 0 1-1.415 0l-10-10A1 1 0 0 1 6 11h20a1 1 0 0 1 .707 1.707"
-                            />
-                          </svg>
+                            Media Library
+                          </div>
+                          <input
+                            aria-activedescendant=""
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            aria-invalid="false"
+                            aria-readonly="true"
+                            class="css-mohuvp-dummyInput-DummyInput"
+                            id="folder-destination"
+                            inputmode="none"
+                            role="combobox"
+                            tabindex="0"
+                            value=""
+                          />
+                        </div>
+                        <div
+                          class=" css-1hm8yhz-IndicatorsContainer"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c21 c22 c23"
+                          >
+                            <svg
+                              fill="currentColor"
+                              height="16"
+                              viewBox="0 0 32 32"
+                              width="16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="m26.708 12.708-10 10a1 1 0 0 1-1.415 0l-10-10A1 1 0 0 1 6 11h20a1 1 0 0 1 .707 1.707"
+                              />
+                            </svg>
+                          </div>
                         </div>
                       </div>
+                      <input
+                        name="destination"
+                        type="hidden"
+                        value=""
+                      />
                     </div>
-                    <input
-                      name="destination"
-                      type="hidden"
-                      value=""
-                    />
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <footer
-        class="c5 c6 c24"
-      >
-        <button
-          aria-disabled="false"
-          class="c25 c26 c27"
-          name="cancel"
-          type="button"
+        <footer
+          class="c5 c6 c24"
         >
-          <span
-            class="c28"
+          <button
+            aria-disabled="false"
+            class="c25 c26 c27"
+            name="cancel"
+            type="button"
           >
-            Cancel
-          </span>
-        </button>
-        <button
-          aria-disabled="false"
-          class="c25 c26 c29"
-          type="submit"
-        >
-          <span
-            class="c28"
+            <span
+              class="c28"
+            >
+              Cancel
+            </span>
+          </button>
+          <button
+            aria-disabled="false"
+            class="c25 c26 c29"
+            type="submit"
           >
-            Move
-          </span>
-        </button>
-      </footer>
-    </form>
+            <span
+              class="c28"
+            >
+              Move
+            </span>
+          </button>
+        </footer>
+      </form>
+    </div>
   </div>
   <span
     aria-hidden="true"
diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetContent.test.tsx.snap b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetContent.test.tsx.snap
index 753a63f603..a0bfd29ddc 100644
--- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetContent.test.tsx.snap
+++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetContent.test.tsx.snap
@@ -314,8 +314,8 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   padding-block: 8px;
 }
 
-.c35 ::placeholder {
-  color: #8e8ea9;
+.c35::placeholder {
+  color: #666687;
   opacity: 1;
 }
 
@@ -357,11 +357,10 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
 }
 
 .c3 {
-  background-color: #32324d;
+  background: #32324d33;
   position: fixed;
   inset: 0;
   z-index: 300;
-  opacity: 0.2;
   will-change: opacity;
 }
 
@@ -384,12 +383,18 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   z-index: 310;
 }
 
+.c4 >form {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
 .c7 {
   border-bottom: solid 1px #eaeaef;
 }
 
 .c13 {
-  padding-inline: 40px;
+  padding-inline: 32px;
 }
 
 .c13>div {
@@ -587,526 +592,525 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
     </span>
   </div>
   <div
-    aria-hidden="true"
     class="c3"
-    data-aria-hidden="true"
     data-state="open"
     style="pointer-events: auto;"
-  />
-  <div
-    aria-describedby="radix-:r2:"
-    aria-labelledby="radix-:r1:"
-    class="c4"
-    data-state="open"
-    id="radix-:r0:"
-    role="dialog"
-    style="pointer-events: auto;"
-    tabindex="-1"
   >
-    <header
-      class="c5 c6 c7"
-    >
-      <h2
-        class="c8"
-        id="radix-:r1:"
-      >
-        Details
-      </h2>
-      <button
-        aria-disabled="false"
-        class="c9 c10 c11"
-        type="button"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          focusable="false"
-          height="16"
-          viewBox="0 0 32 32"
-          width="16"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M26.061 23.939a1.503 1.503 0 0 1-2.125 2.125L16 18.125l-7.939 7.936a1.503 1.503 0 1 1-2.125-2.125L13.875 16 5.939 8.061a1.503 1.503 0 1 1 2.125-2.125L16 13.875l7.939-7.94a1.502 1.502 0 1 1 2.125 2.125L18.125 16z"
-          />
-        </svg>
-        <span
-          class="c2"
-        >
-          Close modal
-        </span>
-      </button>
-    </header>
     <div
-      class="c12 c13"
-      dir="ltr"
-      style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
+      aria-describedby="radix-:r2:"
+      aria-labelledby="radix-:r1:"
+      class="c4"
+      data-state="open"
+      id="radix-:r0:"
+      role="dialog"
+      style="pointer-events: auto;"
+      tabindex="-1"
     >
-      <style>
-        [data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}
-      </style>
-      <div
-        class="c14"
-        data-radix-scroll-area-viewport=""
-        style="overflow-x: scroll; overflow-y: scroll;"
+      <header
+        class="c5 c6 c7"
       >
+        <h2
+          class="c8"
+          id="radix-:r1:"
+        >
+          Details
+        </h2>
+        <button
+          aria-disabled="false"
+          class="c9 c10 c11"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            fill="currentColor"
+            focusable="false"
+            height="16"
+            viewBox="0 0 32 32"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M26.061 23.939a1.503 1.503 0 0 1-2.125 2.125L16 18.125l-7.939 7.936a1.503 1.503 0 1 1-2.125-2.125L13.875 16 5.939 8.061a1.503 1.503 0 1 1 2.125-2.125L16 13.875l7.939-7.94a1.502 1.502 0 1 1 2.125 2.125L18.125 16z"
+            />
+          </svg>
+          <span
+            class="c2"
+          >
+            Close modal
+          </span>
+        </button>
+      </header>
+      <div
+        class="c12 c13"
+        dir="ltr"
+        style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
+      >
+        <style>
+          [data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}
+        </style>
         <div
-          style="min-width: 100%; display: table;"
+          class="c14"
+          data-radix-scroll-area-viewport=""
+          style="overflow-x: scroll; overflow-y: scroll;"
         >
           <div
-            class="c15"
+            style="min-width: 100%; display: table;"
           >
             <div
-              class="c16 c17"
+              class="c15"
             >
               <div
-                class="c18 c19"
+                class="c16 c17"
               >
                 <div
-                  class="c20 c21 c22"
+                  class="c18 c19"
                 >
                   <div
-                    class="c23"
+                    class="c20 c21 c22"
                   >
-                    <button
-                      aria-disabled="false"
-                      class="c9 c10 c11"
-                      data-state="closed"
+                    <div
+                      class="c23"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        focusable="false"
-                        height="16"
-                        viewBox="0 0 32 32"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <button
+                        aria-disabled="false"
+                        class="c9 c10 c11"
+                        data-state="closed"
                       >
-                        <path
-                          d="M27 6h-5V5a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3v1H5a1 1 0 0 0 0 2h1v18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h1a1 1 0 1 0 0-2M14 21a1 1 0 0 1-2 0v-8a1 1 0 0 1 2 0zm6 0a1 1 0 0 1-2 0v-8a1 1 0 0 1 2 0zm0-15h-8V5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-                        />
-                      </svg>
-                      <span
-                        class="c2"
+                        <svg
+                          aria-hidden="true"
+                          fill="currentColor"
+                          focusable="false"
+                          height="16"
+                          viewBox="0 0 32 32"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M27 6h-5V5a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3v1H5a1 1 0 0 0 0 2h1v18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h1a1 1 0 1 0 0-2M14 21a1 1 0 0 1-2 0v-8a1 1 0 0 1 2 0zm6 0a1 1 0 0 1-2 0v-8a1 1 0 0 1 2 0zm0-15h-8V5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
+                          />
+                        </svg>
+                        <span
+                          class="c2"
+                        >
+                          Delete
+                        </span>
+                      </button>
+                      <button
+                        aria-disabled="false"
+                        class="c9 c10 c11"
+                        data-state="closed"
                       >
-                        Delete
-                      </span>
-                    </button>
-                    <button
-                      aria-disabled="false"
-                      class="c9 c10 c11"
-                      data-state="closed"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        focusable="false"
-                        height="16"
-                        viewBox="0 0 32 32"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                        <svg
+                          aria-hidden="true"
+                          fill="currentColor"
+                          focusable="false"
+                          height="16"
+                          viewBox="0 0 32 32"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M28.5 19v7a2.5 2.5 0 0 1-2.5 2.5H6A2.5 2.5 0 0 1 3.5 26v-7a1.5 1.5 0 0 1 3 0v6.5h19V19a1.5 1.5 0 1 1 3 0m-13.561 1.061a1.5 1.5 0 0 0 2.125 0l5-5a1.502 1.502 0 1 0-2.125-2.125L17.5 15.375V5a1.5 1.5 0 1 0-3 0v10.375l-2.439-2.436a1.502 1.502 0 1 0-2.125 2.125z"
+                          />
+                        </svg>
+                        <span
+                          class="c2"
+                        >
+                          Download
+                        </span>
+                      </button>
+                      <button
+                        aria-disabled="false"
+                        class="c9 c10 c11"
+                        data-state="closed"
                       >
-                        <path
-                          d="M28.5 19v7a2.5 2.5 0 0 1-2.5 2.5H6A2.5 2.5 0 0 1 3.5 26v-7a1.5 1.5 0 0 1 3 0v6.5h19V19a1.5 1.5 0 1 1 3 0m-13.561 1.061a1.5 1.5 0 0 0 2.125 0l5-5a1.502 1.502 0 1 0-2.125-2.125L17.5 15.375V5a1.5 1.5 0 1 0-3 0v10.375l-2.439-2.436a1.502 1.502 0 1 0-2.125 2.125z"
-                        />
-                      </svg>
-                      <span
-                        class="c2"
+                        <svg
+                          aria-hidden="true"
+                          fill="currentColor"
+                          focusable="false"
+                          height="16"
+                          viewBox="0 0 32 32"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M17.046 23.441a1.5 1.5 0 0 1 0 2.125l-.742.743a7.502 7.502 0 1 1-10.61-10.61l3.015-3.014A7.5 7.5 0 0 1 19 12.375a1.506 1.506 0 0 1-2 2.25 4.5 4.5 0 0 0-6.171.184l-3.013 3.01a4.5 4.5 0 0 0 6.365 6.365l.743-.743a1.5 1.5 0 0 1 2.122 0m9.26-17.75a7.51 7.51 0 0 0-10.61 0l-.742.743a1.503 1.503 0 1 0 2.125 2.125l.742-.743a4.5 4.5 0 0 1 6.365 6.365l-3.014 3.015a4.5 4.5 0 0 1-6.172.179 1.506 1.506 0 1 0-2 2.25 7.5 7.5 0 0 0 10.288-.304l3.014-3.014a7.51 7.51 0 0 0 .004-10.613z"
+                          />
+                        </svg>
+                        <span
+                          class="c2"
+                        >
+                          Copy link
+                        </span>
+                      </button>
+                      <button
+                        aria-disabled="false"
+                        class="c9 c10 c11"
+                        data-state="closed"
                       >
-                        Download
-                      </span>
-                    </button>
-                    <button
-                      aria-disabled="false"
-                      class="c9 c10 c11"
-                      data-state="closed"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        focusable="false"
-                        height="16"
-                        viewBox="0 0 32 32"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M17.046 23.441a1.5 1.5 0 0 1 0 2.125l-.742.743a7.502 7.502 0 1 1-10.61-10.61l3.015-3.014A7.5 7.5 0 0 1 19 12.375a1.506 1.506 0 0 1-2 2.25 4.5 4.5 0 0 0-6.171.184l-3.013 3.01a4.5 4.5 0 0 0 6.365 6.365l.743-.743a1.5 1.5 0 0 1 2.122 0m9.26-17.75a7.51 7.51 0 0 0-10.61 0l-.742.743a1.503 1.503 0 1 0 2.125 2.125l.742-.743a4.5 4.5 0 0 1 6.365 6.365l-3.014 3.015a4.5 4.5 0 0 1-6.172.179 1.506 1.506 0 1 0-2 2.25 7.5 7.5 0 0 0 10.288-.304l3.014-3.014a7.51 7.51 0 0 0 .004-10.613z"
-                        />
-                      </svg>
-                      <span
-                        class="c2"
-                      >
-                        Copy link
-                      </span>
-                    </button>
-                    <button
-                      aria-disabled="false"
-                      class="c9 c10 c11"
-                      data-state="closed"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        focusable="false"
-                        height="16"
-                        viewBox="0 0 32 32"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M30.5 24a1.5 1.5 0 0 1-1.5 1.5h-3.5V29a1.5 1.5 0 1 1-3 0v-3.5H8A1.5 1.5 0 0 1 6.5 24V9.5H3a1.5 1.5 0 0 1 0-3h3.5V3a1.5 1.5 0 0 1 3 0v19.5H29a1.5 1.5 0 0 1 1.5 1.5M13 9.5h9.5V19a1.5 1.5 0 1 0 3 0V8A1.5 1.5 0 0 0 24 6.5H13a1.5 1.5 0 0 0 0 3"
-                        />
-                      </svg>
-                      <span
-                        class="c2"
-                      >
-                        Crop
-                      </span>
-                    </button>
+                        <svg
+                          aria-hidden="true"
+                          fill="currentColor"
+                          focusable="false"
+                          height="16"
+                          viewBox="0 0 32 32"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M30.5 24a1.5 1.5 0 0 1-1.5 1.5h-3.5V29a1.5 1.5 0 1 1-3 0v-3.5H8A1.5 1.5 0 0 1 6.5 24V9.5H3a1.5 1.5 0 0 1 0-3h3.5V3a1.5 1.5 0 0 1 3 0v19.5H29a1.5 1.5 0 0 1 1.5 1.5M13 9.5h9.5V19a1.5 1.5 0 1 0 3 0V8A1.5 1.5 0 0 0 24 6.5H13a1.5 1.5 0 0 0 0 3"
+                          />
+                        </svg>
+                        <span
+                          class="c2"
+                        >
+                          Crop
+                        </span>
+                      </button>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="c24"
-                >
-                  <img
-                    alt="Screenshot 2.png"
-                    src="http://localhost:1337/uploads/thumbnail_Screenshot_2_5d4a574d61.png"
+                  <div
+                    class="c24"
+                  >
+                    <img
+                      alt="Screenshot 2.png"
+                      src="http://localhost:1337/uploads/thumbnail_Screenshot_2_5d4a574d61.png"
+                    />
+                  </div>
+                  <div
+                    class="c25 c21 c22"
                   />
                 </div>
-                <div
-                  class="c25 c21 c22"
-                />
               </div>
-            </div>
-            <div
-              class="c16 c17"
-            >
-              <form
-                action="#"
-                novalidate=""
+              <div
+                class="c16 c17"
               >
-                <div
-                  class="c26"
+                <form
+                  action="#"
+                  novalidate=""
                 >
                   <div
-                    class="c27"
+                    class="c26"
                   >
                     <div
-                      class="c15"
+                      class="c27"
                     >
                       <div
-                        class="c16 c17"
+                        class="c15"
                       >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Size
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            102KB
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Size
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              102KB
+                            </span>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="c16 c17"
-                      >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Dimensions
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            1476✕780
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Dimensions
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              1476✕780
+                            </span>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="c16 c17"
-                      >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Date
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            10/4/2021
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Date
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              10/4/2021
+                            </span>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="c16 c17"
-                      >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Extension
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            png
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Extension
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              png
+                            </span>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="c16 c17"
-                      >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Asset ID
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            8
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Asset ID
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              8
+                            </span>
+                          </div>
                         </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="c28"
-                  >
-                    <label
-                      class="c31 c32"
-                      for=":ra:"
-                      id=":ra:-label"
-                    >
-                      File name
-                    </label>
-                    <div
-                      class="c33 c34"
-                    >
-                      <input
-                        aria-disabled="false"
-                        class="c35"
-                        id=":ra:"
-                        name="name"
-                        value="Screenshot 2.png"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="c28"
-                  >
-                    <label
-                      class="c31 c32"
-                      for=":rb:"
-                      id=":rb:-label"
-                    >
-                      Alternative text
-                    </label>
-                    <div
-                      class="c33 c34"
-                    >
-                      <input
-                        aria-describedby=":rb:-hint"
-                        aria-disabled="false"
-                        class="c35"
-                        id=":rb:"
-                        name="alternativeText"
-                      />
-                    </div>
-                    <p
-                      class="c36"
-                      id=":rb:-hint"
-                    >
-                      This text will be displayed if the asset can’t be shown.
-                    </p>
-                  </div>
-                  <div
-                    class="c28"
-                  >
-                    <label
-                      class="c31 c32"
-                      for=":rc:"
-                      id=":rc:-label"
-                    >
-                      Caption
-                    </label>
-                    <div
-                      class="c33 c34"
-                    >
-                      <input
-                        aria-disabled="false"
-                        class="c35"
-                        id=":rc:"
-                        name="caption"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="c28"
-                  >
                     <div
                       class="c28"
                     >
                       <label
                         class="c31 c32"
-                        for="asset-folder"
-                        id="asset-folder-label"
+                        for=":ra:"
+                        id=":ra:-label"
                       >
-                        Location
+                        File name
                       </label>
                       <div
-                        class=" css-1iyvlxg-container"
+                        class="c33 c34"
                       >
-                        <span
-                          class="css-1f43avz-a11yText-A11yText"
-                          id="react-select-2-live-region"
-                        />
-                        <span
-                          aria-atomic="false"
-                          aria-live="polite"
-                          aria-relevant="additions text"
-                          class="css-1f43avz-a11yText-A11yText"
-                          role="log"
-                        />
-                        <div
-                          class=" css-oe0cnm-control"
-                        >
-                          <div
-                            class=" css-onz4xi-ValueContainer"
-                          >
-                            <div
-                              class=" css-1ryi7up-singleValue"
-                            >
-                              Media Library
-                            </div>
-                            <input
-                              aria-activedescendant=""
-                              aria-autocomplete="list"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              aria-invalid="false"
-                              aria-readonly="true"
-                              class="css-mohuvp-dummyInput-DummyInput"
-                              id="asset-folder"
-                              inputmode="none"
-                              role="combobox"
-                              tabindex="0"
-                              value=""
-                            />
-                          </div>
-                          <div
-                            class=" css-1hm8yhz-IndicatorsContainer"
-                          >
-                            <div
-                              aria-hidden="true"
-                              class="c37 c38 c39"
-                            >
-                              <svg
-                                fill="currentColor"
-                                height="16"
-                                viewBox="0 0 32 32"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="m26.708 12.708-10 10a1 1 0 0 1-1.415 0l-10-10A1 1 0 0 1 6 11h20a1 1 0 0 1 .707 1.707"
-                                />
-                              </svg>
-                            </div>
-                          </div>
-                        </div>
                         <input
-                          name="parent"
-                          type="hidden"
-                          value=""
+                          aria-disabled="false"
+                          class="c35"
+                          id=":ra:"
+                          name="name"
+                          value="Screenshot 2.png"
                         />
                       </div>
                     </div>
+                    <div
+                      class="c28"
+                    >
+                      <label
+                        class="c31 c32"
+                        for=":rb:"
+                        id=":rb:-label"
+                      >
+                        Alternative text
+                      </label>
+                      <div
+                        class="c33 c34"
+                      >
+                        <input
+                          aria-describedby=":rb:-hint"
+                          aria-disabled="false"
+                          class="c35"
+                          id=":rb:"
+                          name="alternativeText"
+                        />
+                      </div>
+                      <p
+                        class="c36"
+                        id=":rb:-hint"
+                      >
+                        This text will be displayed if the asset can’t be shown.
+                      </p>
+                    </div>
+                    <div
+                      class="c28"
+                    >
+                      <label
+                        class="c31 c32"
+                        for=":rc:"
+                        id=":rc:-label"
+                      >
+                        Caption
+                      </label>
+                      <div
+                        class="c33 c34"
+                      >
+                        <input
+                          aria-disabled="false"
+                          class="c35"
+                          id=":rc:"
+                          name="caption"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="c28"
+                    >
+                      <div
+                        class="c28"
+                      >
+                        <label
+                          class="c31 c32"
+                          for="asset-folder"
+                          id="asset-folder-label"
+                        >
+                          Location
+                        </label>
+                        <div
+                          class=" css-1iyvlxg-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-2-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                            role="log"
+                          />
+                          <div
+                            class=" css-oe0cnm-control"
+                          >
+                            <div
+                              class=" css-onz4xi-ValueContainer"
+                            >
+                              <div
+                                class=" css-1ryi7up-singleValue"
+                              >
+                                Media Library
+                              </div>
+                              <input
+                                aria-activedescendant=""
+                                aria-autocomplete="list"
+                                aria-expanded="false"
+                                aria-haspopup="true"
+                                aria-invalid="false"
+                                aria-readonly="true"
+                                class="css-mohuvp-dummyInput-DummyInput"
+                                id="asset-folder"
+                                inputmode="none"
+                                role="combobox"
+                                tabindex="0"
+                                value=""
+                              />
+                            </div>
+                            <div
+                              class=" css-1hm8yhz-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="c37 c38 c39"
+                              >
+                                <svg
+                                  fill="currentColor"
+                                  height="16"
+                                  viewBox="0 0 32 32"
+                                  width="16"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <path
+                                    d="m26.708 12.708-10 10a1 1 0 0 1-1.415 0l-10-10A1 1 0 0 1 6 11h20a1 1 0 0 1 .707 1.707"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                          <input
+                            name="parent"
+                            type="hidden"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                    </div>
                   </div>
-                </div>
-                <span
-                  class="c2"
-                >
-                  <button
-                    tabindex="-1"
-                    type="submit"
+                  <span
+                    class="c2"
                   >
-                    Submit
-                  </button>
-                </span>
-              </form>
+                    <button
+                      tabindex="-1"
+                      type="submit"
+                    >
+                      Submit
+                    </button>
+                  </span>
+                </form>
+              </div>
             </div>
           </div>
         </div>
       </div>
+      <footer
+        class="c5 c6 c40"
+      >
+        <button
+          aria-disabled="false"
+          class="c41 c42 c43"
+        >
+          <span
+            class="c44"
+          >
+            Cancel
+          </span>
+        </button>
+        <div
+          class="c45"
+        >
+          <button
+            aria-disabled="false"
+            class="c41 c42 c46"
+          >
+            <span
+              class="c44"
+            >
+              Replace media
+            </span>
+          </button>
+          <span
+            class="c2"
+          >
+            <input
+              accept="image/png"
+              aria-hidden="true"
+              data-testid="file-input"
+              name="file"
+              tabindex="-1"
+              type="file"
+            />
+          </span>
+          <button
+            aria-disabled="false"
+            class="c41 c42 c47"
+          >
+            <span
+              class="c44"
+            >
+              Finish
+            </span>
+          </button>
+        </div>
+      </footer>
     </div>
-    <footer
-      class="c5 c6 c40"
-    >
-      <button
-        aria-disabled="false"
-        class="c41 c42 c43"
-      >
-        <span
-          class="c44"
-        >
-          Cancel
-        </span>
-      </button>
-      <div
-        class="c45"
-      >
-        <button
-          aria-disabled="false"
-          class="c41 c42 c46"
-        >
-          <span
-            class="c44"
-          >
-            Replace media
-          </span>
-        </button>
-        <span
-          class="c2"
-        >
-          <input
-            accept="image/png"
-            aria-hidden="true"
-            data-testid="file-input"
-            name="file"
-            tabindex="-1"
-            type="file"
-          />
-        </span>
-        <button
-          aria-disabled="false"
-          class="c41 c42 c47"
-        >
-          <span
-            class="c44"
-          >
-            Finish
-          </span>
-        </button>
-      </div>
-    </footer>
   </div>
   <span
     aria-hidden="true"
diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.tsx.snap b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.tsx.snap
index 2bbd717ca4..15be9dfc96 100644
--- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.tsx.snap
+++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.tsx.snap
@@ -314,8 +314,8 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   padding-block: 8px;
 }
 
-.c35 ::placeholder {
-  color: #8e8ea9;
+.c35::placeholder {
+  color: #666687;
   opacity: 1;
 }
 
@@ -357,11 +357,10 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
 }
 
 .c3 {
-  background-color: #32324d;
+  background: #32324d33;
   position: fixed;
   inset: 0;
   z-index: 300;
-  opacity: 0.2;
   will-change: opacity;
 }
 
@@ -384,12 +383,18 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
   z-index: 310;
 }
 
+.c4 >form {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
 .c7 {
   border-bottom: solid 1px #eaeaef;
 }
 
 .c13 {
-  padding-inline: 40px;
+  padding-inline: 32px;
 }
 
 .c13>div {
@@ -587,527 +592,526 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
     </span>
   </div>
   <div
-    aria-hidden="true"
     class="c3"
-    data-aria-hidden="true"
     data-state="open"
     style="pointer-events: auto;"
-  />
-  <div
-    aria-describedby="radix-:r2:"
-    aria-labelledby="radix-:r1:"
-    class="c4"
-    data-state="open"
-    id="radix-:r0:"
-    role="dialog"
-    style="pointer-events: auto;"
-    tabindex="-1"
   >
-    <header
-      class="c5 c6 c7"
-    >
-      <h2
-        class="c8"
-        id="radix-:r1:"
-      >
-        Details
-      </h2>
-      <button
-        aria-disabled="false"
-        class="c9 c10 c11"
-        type="button"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          focusable="false"
-          height="16"
-          viewBox="0 0 32 32"
-          width="16"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M26.061 23.939a1.503 1.503 0 0 1-2.125 2.125L16 18.125l-7.939 7.936a1.503 1.503 0 1 1-2.125-2.125L13.875 16 5.939 8.061a1.503 1.503 0 1 1 2.125-2.125L16 13.875l7.939-7.94a1.502 1.502 0 1 1 2.125 2.125L18.125 16z"
-          />
-        </svg>
-        <span
-          class="c2"
-        >
-          Close modal
-        </span>
-      </button>
-    </header>
     <div
-      class="c12 c13"
-      dir="ltr"
-      style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
+      aria-describedby="radix-:r2:"
+      aria-labelledby="radix-:r1:"
+      class="c4"
+      data-state="open"
+      id="radix-:r0:"
+      role="dialog"
+      style="pointer-events: auto;"
+      tabindex="-1"
     >
-      <style>
-        [data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}
-      </style>
-      <div
-        class="c14"
-        data-radix-scroll-area-viewport=""
-        style="overflow-x: scroll; overflow-y: scroll;"
+      <header
+        class="c5 c6 c7"
       >
+        <h2
+          class="c8"
+          id="radix-:r1:"
+        >
+          Details
+        </h2>
+        <button
+          aria-disabled="false"
+          class="c9 c10 c11"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            fill="currentColor"
+            focusable="false"
+            height="16"
+            viewBox="0 0 32 32"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M26.061 23.939a1.503 1.503 0 0 1-2.125 2.125L16 18.125l-7.939 7.936a1.503 1.503 0 1 1-2.125-2.125L13.875 16 5.939 8.061a1.503 1.503 0 1 1 2.125-2.125L16 13.875l7.939-7.94a1.502 1.502 0 1 1 2.125 2.125L18.125 16z"
+            />
+          </svg>
+          <span
+            class="c2"
+          >
+            Close modal
+          </span>
+        </button>
+      </header>
+      <div
+        class="c12 c13"
+        dir="ltr"
+        style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
+      >
+        <style>
+          [data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}
+        </style>
         <div
-          style="min-width: 100%; display: table;"
+          class="c14"
+          data-radix-scroll-area-viewport=""
+          style="overflow-x: scroll; overflow-y: scroll;"
         >
           <div
-            class="c15"
+            style="min-width: 100%; display: table;"
           >
             <div
-              class="c16 c17"
+              class="c15"
             >
               <div
-                class="c18 c19"
+                class="c16 c17"
               >
                 <div
-                  class="c20 c21 c22"
+                  class="c18 c19"
                 >
                   <div
-                    class="c23"
+                    class="c20 c21 c22"
                   >
-                    <button
-                      aria-disabled="false"
-                      class="c9 c10 c11"
-                      data-state="closed"
+                    <div
+                      class="c23"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        focusable="false"
-                        height="16"
-                        viewBox="0 0 32 32"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <button
+                        aria-disabled="false"
+                        class="c9 c10 c11"
+                        data-state="closed"
                       >
-                        <path
-                          d="M27 6h-5V5a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3v1H5a1 1 0 0 0 0 2h1v18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h1a1 1 0 1 0 0-2M14 21a1 1 0 0 1-2 0v-8a1 1 0 0 1 2 0zm6 0a1 1 0 0 1-2 0v-8a1 1 0 0 1 2 0zm0-15h-8V5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
-                        />
-                      </svg>
-                      <span
-                        class="c2"
+                        <svg
+                          aria-hidden="true"
+                          fill="currentColor"
+                          focusable="false"
+                          height="16"
+                          viewBox="0 0 32 32"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M27 6h-5V5a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3v1H5a1 1 0 0 0 0 2h1v18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h1a1 1 0 1 0 0-2M14 21a1 1 0 0 1-2 0v-8a1 1 0 0 1 2 0zm6 0a1 1 0 0 1-2 0v-8a1 1 0 0 1 2 0zm0-15h-8V5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
+                          />
+                        </svg>
+                        <span
+                          class="c2"
+                        >
+                          Delete
+                        </span>
+                      </button>
+                      <button
+                        aria-disabled="false"
+                        class="c9 c10 c11"
+                        data-state="closed"
                       >
-                        Delete
-                      </span>
-                    </button>
-                    <button
-                      aria-disabled="false"
-                      class="c9 c10 c11"
-                      data-state="closed"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        focusable="false"
-                        height="16"
-                        viewBox="0 0 32 32"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                        <svg
+                          aria-hidden="true"
+                          fill="currentColor"
+                          focusable="false"
+                          height="16"
+                          viewBox="0 0 32 32"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M28.5 19v7a2.5 2.5 0 0 1-2.5 2.5H6A2.5 2.5 0 0 1 3.5 26v-7a1.5 1.5 0 0 1 3 0v6.5h19V19a1.5 1.5 0 1 1 3 0m-13.561 1.061a1.5 1.5 0 0 0 2.125 0l5-5a1.502 1.502 0 1 0-2.125-2.125L17.5 15.375V5a1.5 1.5 0 1 0-3 0v10.375l-2.439-2.436a1.502 1.502 0 1 0-2.125 2.125z"
+                          />
+                        </svg>
+                        <span
+                          class="c2"
+                        >
+                          Download
+                        </span>
+                      </button>
+                      <button
+                        aria-disabled="false"
+                        class="c9 c10 c11"
+                        data-state="closed"
                       >
-                        <path
-                          d="M28.5 19v7a2.5 2.5 0 0 1-2.5 2.5H6A2.5 2.5 0 0 1 3.5 26v-7a1.5 1.5 0 0 1 3 0v6.5h19V19a1.5 1.5 0 1 1 3 0m-13.561 1.061a1.5 1.5 0 0 0 2.125 0l5-5a1.502 1.502 0 1 0-2.125-2.125L17.5 15.375V5a1.5 1.5 0 1 0-3 0v10.375l-2.439-2.436a1.502 1.502 0 1 0-2.125 2.125z"
-                        />
-                      </svg>
-                      <span
-                        class="c2"
+                        <svg
+                          aria-hidden="true"
+                          fill="currentColor"
+                          focusable="false"
+                          height="16"
+                          viewBox="0 0 32 32"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M17.046 23.441a1.5 1.5 0 0 1 0 2.125l-.742.743a7.502 7.502 0 1 1-10.61-10.61l3.015-3.014A7.5 7.5 0 0 1 19 12.375a1.506 1.506 0 0 1-2 2.25 4.5 4.5 0 0 0-6.171.184l-3.013 3.01a4.5 4.5 0 0 0 6.365 6.365l.743-.743a1.5 1.5 0 0 1 2.122 0m9.26-17.75a7.51 7.51 0 0 0-10.61 0l-.742.743a1.503 1.503 0 1 0 2.125 2.125l.742-.743a4.5 4.5 0 0 1 6.365 6.365l-3.014 3.015a4.5 4.5 0 0 1-6.172.179 1.506 1.506 0 1 0-2 2.25 7.5 7.5 0 0 0 10.288-.304l3.014-3.014a7.51 7.51 0 0 0 .004-10.613z"
+                          />
+                        </svg>
+                        <span
+                          class="c2"
+                        >
+                          Copy link
+                        </span>
+                      </button>
+                      <button
+                        aria-disabled="false"
+                        class="c9 c10 c11"
+                        data-state="closed"
                       >
-                        Download
-                      </span>
-                    </button>
-                    <button
-                      aria-disabled="false"
-                      class="c9 c10 c11"
-                      data-state="closed"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        focusable="false"
-                        height="16"
-                        viewBox="0 0 32 32"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M17.046 23.441a1.5 1.5 0 0 1 0 2.125l-.742.743a7.502 7.502 0 1 1-10.61-10.61l3.015-3.014A7.5 7.5 0 0 1 19 12.375a1.506 1.506 0 0 1-2 2.25 4.5 4.5 0 0 0-6.171.184l-3.013 3.01a4.5 4.5 0 0 0 6.365 6.365l.743-.743a1.5 1.5 0 0 1 2.122 0m9.26-17.75a7.51 7.51 0 0 0-10.61 0l-.742.743a1.503 1.503 0 1 0 2.125 2.125l.742-.743a4.5 4.5 0 0 1 6.365 6.365l-3.014 3.015a4.5 4.5 0 0 1-6.172.179 1.506 1.506 0 1 0-2 2.25 7.5 7.5 0 0 0 10.288-.304l3.014-3.014a7.51 7.51 0 0 0 .004-10.613z"
-                        />
-                      </svg>
-                      <span
-                        class="c2"
-                      >
-                        Copy link
-                      </span>
-                    </button>
-                    <button
-                      aria-disabled="false"
-                      class="c9 c10 c11"
-                      data-state="closed"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        focusable="false"
-                        height="16"
-                        viewBox="0 0 32 32"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M30.5 24a1.5 1.5 0 0 1-1.5 1.5h-3.5V29a1.5 1.5 0 1 1-3 0v-3.5H8A1.5 1.5 0 0 1 6.5 24V9.5H3a1.5 1.5 0 0 1 0-3h3.5V3a1.5 1.5 0 0 1 3 0v19.5H29a1.5 1.5 0 0 1 1.5 1.5M13 9.5h9.5V19a1.5 1.5 0 1 0 3 0V8A1.5 1.5 0 0 0 24 6.5H13a1.5 1.5 0 0 0 0 3"
-                        />
-                      </svg>
-                      <span
-                        class="c2"
-                      >
-                        Crop
-                      </span>
-                    </button>
+                        <svg
+                          aria-hidden="true"
+                          fill="currentColor"
+                          focusable="false"
+                          height="16"
+                          viewBox="0 0 32 32"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M30.5 24a1.5 1.5 0 0 1-1.5 1.5h-3.5V29a1.5 1.5 0 1 1-3 0v-3.5H8A1.5 1.5 0 0 1 6.5 24V9.5H3a1.5 1.5 0 0 1 0-3h3.5V3a1.5 1.5 0 0 1 3 0v19.5H29a1.5 1.5 0 0 1 1.5 1.5M13 9.5h9.5V19a1.5 1.5 0 1 0 3 0V8A1.5 1.5 0 0 0 24 6.5H13a1.5 1.5 0 0 0 0 3"
+                          />
+                        </svg>
+                        <span
+                          class="c2"
+                        >
+                          Crop
+                        </span>
+                      </button>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="c24"
-                >
-                  <img
-                    alt="Screenshot 2.png"
-                    src="http://localhost:1337/uploads/thumbnail_Screenshot_2_5d4a574d61.png"
+                  <div
+                    class="c24"
+                  >
+                    <img
+                      alt="Screenshot 2.png"
+                      src="http://localhost:1337/uploads/thumbnail_Screenshot_2_5d4a574d61.png"
+                    />
+                  </div>
+                  <div
+                    class="c25 c21 c22"
                   />
                 </div>
-                <div
-                  class="c25 c21 c22"
-                />
               </div>
-            </div>
-            <div
-              class="c16 c17"
-            >
-              <form
-                action="#"
-                novalidate=""
+              <div
+                class="c16 c17"
               >
-                <div
-                  class="c26"
+                <form
+                  action="#"
+                  novalidate=""
                 >
                   <div
-                    class="c27"
+                    class="c26"
                   >
                     <div
-                      class="c15"
+                      class="c27"
                     >
                       <div
-                        class="c16 c17"
+                        class="c15"
                       >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Size
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            102KB
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Size
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              102KB
+                            </span>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="c16 c17"
-                      >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Dimensions
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            1476✕780
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Dimensions
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              1476✕780
+                            </span>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="c16 c17"
-                      >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Date
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            10/4/2021
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Date
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              10/4/2021
+                            </span>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="c16 c17"
-                      >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Extension
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            png
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Extension
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              png
+                            </span>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="c16 c17"
-                      >
                         <div
-                          class="c28"
+                          class="c16 c17"
                         >
-                          <span
-                            class="c29"
+                          <div
+                            class="c28"
                           >
-                            Asset ID
-                          </span>
-                          <span
-                            class="c30"
-                          >
-                            8
-                          </span>
+                            <span
+                              class="c29"
+                            >
+                              Asset ID
+                            </span>
+                            <span
+                              class="c30"
+                            >
+                              8
+                            </span>
+                          </div>
                         </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="c28"
-                  >
-                    <label
-                      class="c31 c32"
-                      for=":ra:"
-                      id=":ra:-label"
-                    >
-                      File name
-                    </label>
-                    <div
-                      class="c33 c34"
-                    >
-                      <input
-                        aria-disabled="false"
-                        class="c35"
-                        id=":ra:"
-                        name="name"
-                        value="Screenshot 2.png"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="c28"
-                  >
-                    <label
-                      class="c31 c32"
-                      for=":rb:"
-                      id=":rb:-label"
-                    >
-                      Alternative text
-                    </label>
-                    <div
-                      class="c33 c34"
-                    >
-                      <input
-                        aria-describedby=":rb:-hint"
-                        aria-disabled="false"
-                        class="c35"
-                        id=":rb:"
-                        name="alternativeText"
-                        value=""
-                      />
-                    </div>
-                    <p
-                      class="c36"
-                      id=":rb:-hint"
-                    >
-                      This text will be displayed if the asset can’t be shown.
-                    </p>
-                  </div>
-                  <div
-                    class="c28"
-                  >
-                    <label
-                      class="c31 c32"
-                      for=":rc:"
-                      id=":rc:-label"
-                    >
-                      Caption
-                    </label>
-                    <div
-                      class="c33 c34"
-                    >
-                      <input
-                        aria-disabled="false"
-                        class="c35"
-                        id=":rc:"
-                        name="caption"
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="c28"
-                  >
                     <div
                       class="c28"
                     >
                       <label
                         class="c31 c32"
-                        for="asset-folder"
-                        id="asset-folder-label"
+                        for=":ra:"
+                        id=":ra:-label"
                       >
-                        Location
+                        File name
                       </label>
                       <div
-                        class=" css-1iyvlxg-container"
+                        class="c33 c34"
                       >
-                        <span
-                          class="css-1f43avz-a11yText-A11yText"
-                          id="react-select-2-live-region"
-                        />
-                        <span
-                          aria-atomic="false"
-                          aria-live="polite"
-                          aria-relevant="additions text"
-                          class="css-1f43avz-a11yText-A11yText"
-                          role="log"
-                        />
-                        <div
-                          class=" css-oe0cnm-control"
-                        >
-                          <div
-                            class=" css-onz4xi-ValueContainer"
-                          >
-                            <div
-                              class=" css-1ryi7up-singleValue"
-                            >
-                              Media Library
-                            </div>
-                            <input
-                              aria-activedescendant=""
-                              aria-autocomplete="list"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              aria-invalid="false"
-                              aria-readonly="true"
-                              class="css-mohuvp-dummyInput-DummyInput"
-                              id="asset-folder"
-                              inputmode="none"
-                              role="combobox"
-                              tabindex="0"
-                              value=""
-                            />
-                          </div>
-                          <div
-                            class=" css-1hm8yhz-IndicatorsContainer"
-                          >
-                            <div
-                              aria-hidden="true"
-                              class="c37 c38 c39"
-                            >
-                              <svg
-                                fill="currentColor"
-                                height="16"
-                                viewBox="0 0 32 32"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="m26.708 12.708-10 10a1 1 0 0 1-1.415 0l-10-10A1 1 0 0 1 6 11h20a1 1 0 0 1 .707 1.707"
-                                />
-                              </svg>
-                            </div>
-                          </div>
-                        </div>
                         <input
-                          name="parent"
-                          type="hidden"
-                          value=""
+                          aria-disabled="false"
+                          class="c35"
+                          id=":ra:"
+                          name="name"
+                          value="Screenshot 2.png"
                         />
                       </div>
                     </div>
+                    <div
+                      class="c28"
+                    >
+                      <label
+                        class="c31 c32"
+                        for=":rb:"
+                        id=":rb:-label"
+                      >
+                        Alternative text
+                      </label>
+                      <div
+                        class="c33 c34"
+                      >
+                        <input
+                          aria-describedby=":rb:-hint"
+                          aria-disabled="false"
+                          class="c35"
+                          id=":rb:"
+                          name="alternativeText"
+                          value=""
+                        />
+                      </div>
+                      <p
+                        class="c36"
+                        id=":rb:-hint"
+                      >
+                        This text will be displayed if the asset can’t be shown.
+                      </p>
+                    </div>
+                    <div
+                      class="c28"
+                    >
+                      <label
+                        class="c31 c32"
+                        for=":rc:"
+                        id=":rc:-label"
+                      >
+                        Caption
+                      </label>
+                      <div
+                        class="c33 c34"
+                      >
+                        <input
+                          aria-disabled="false"
+                          class="c35"
+                          id=":rc:"
+                          name="caption"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="c28"
+                    >
+                      <div
+                        class="c28"
+                      >
+                        <label
+                          class="c31 c32"
+                          for="asset-folder"
+                          id="asset-folder-label"
+                        >
+                          Location
+                        </label>
+                        <div
+                          class=" css-1iyvlxg-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-2-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                            role="log"
+                          />
+                          <div
+                            class=" css-oe0cnm-control"
+                          >
+                            <div
+                              class=" css-onz4xi-ValueContainer"
+                            >
+                              <div
+                                class=" css-1ryi7up-singleValue"
+                              >
+                                Media Library
+                              </div>
+                              <input
+                                aria-activedescendant=""
+                                aria-autocomplete="list"
+                                aria-expanded="false"
+                                aria-haspopup="true"
+                                aria-invalid="false"
+                                aria-readonly="true"
+                                class="css-mohuvp-dummyInput-DummyInput"
+                                id="asset-folder"
+                                inputmode="none"
+                                role="combobox"
+                                tabindex="0"
+                                value=""
+                              />
+                            </div>
+                            <div
+                              class=" css-1hm8yhz-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="c37 c38 c39"
+                              >
+                                <svg
+                                  fill="currentColor"
+                                  height="16"
+                                  viewBox="0 0 32 32"
+                                  width="16"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <path
+                                    d="m26.708 12.708-10 10a1 1 0 0 1-1.415 0l-10-10A1 1 0 0 1 6 11h20a1 1 0 0 1 .707 1.707"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                          <input
+                            name="parent"
+                            type="hidden"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                    </div>
                   </div>
-                </div>
-                <span
-                  class="c2"
-                >
-                  <button
-                    tabindex="-1"
-                    type="submit"
+                  <span
+                    class="c2"
                   >
-                    Submit
-                  </button>
-                </span>
-              </form>
+                    <button
+                      tabindex="-1"
+                      type="submit"
+                    >
+                      Submit
+                    </button>
+                  </span>
+                </form>
+              </div>
             </div>
           </div>
         </div>
       </div>
+      <footer
+        class="c5 c6 c40"
+      >
+        <button
+          aria-disabled="false"
+          class="c41 c42 c43"
+        >
+          <span
+            class="c44"
+          >
+            Cancel
+          </span>
+        </button>
+        <div
+          class="c45"
+        >
+          <button
+            aria-disabled="false"
+            class="c41 c42 c46"
+          >
+            <span
+              class="c44"
+            >
+              Replace media
+            </span>
+          </button>
+          <span
+            class="c2"
+          >
+            <input
+              accept="image/png"
+              aria-hidden="true"
+              data-testid="file-input"
+              name="file"
+              tabindex="-1"
+              type="file"
+            />
+          </span>
+          <button
+            aria-disabled="false"
+            class="c41 c42 c47"
+          >
+            <span
+              class="c44"
+            >
+              Finish
+            </span>
+          </button>
+        </div>
+      </footer>
     </div>
-    <footer
-      class="c5 c6 c40"
-    >
-      <button
-        aria-disabled="false"
-        class="c41 c42 c43"
-      >
-        <span
-          class="c44"
-        >
-          Cancel
-        </span>
-      </button>
-      <div
-        class="c45"
-      >
-        <button
-          aria-disabled="false"
-          class="c41 c42 c46"
-        >
-          <span
-            class="c44"
-          >
-            Replace media
-          </span>
-        </button>
-        <span
-          class="c2"
-        >
-          <input
-            accept="image/png"
-            aria-hidden="true"
-            data-testid="file-input"
-            name="file"
-            tabindex="-1"
-            type="file"
-          />
-        </span>
-        <button
-          aria-disabled="false"
-          class="c41 c42 c47"
-        >
-          <span
-            class="c44"
-          >
-            Finish
-          </span>
-        </button>
-      </div>
-    </footer>
   </div>
   <span
     aria-hidden="true"
diff --git a/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.tsx.snap b/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.tsx.snap
index bb19b97e66..bc069272b5 100644
--- a/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.tsx.snap
+++ b/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.tsx.snap
@@ -221,8 +221,8 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
   padding-block: 8px;
 }
 
-.c23 ::placeholder {
-  color: #8e8ea9;
+.c23::placeholder {
+  color: #666687;
   opacity: 1;
 }
 
@@ -264,11 +264,10 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
 }
 
 .c3 {
-  background-color: #32324d;
+  background: #32324d33;
   position: fixed;
   inset: 0;
   z-index: 300;
-  opacity: 0.2;
   will-change: opacity;
 }
 
@@ -291,12 +290,18 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
   z-index: 310;
 }
 
+.c4 >form {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
 .c7 {
   border-bottom: solid 1px #eaeaef;
 }
 
 .c13 {
-  padding-inline: 40px;
+  padding-inline: 32px;
 }
 
 .c13>div {
@@ -449,223 +454,222 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
     </span>
   </div>
   <div
-    aria-hidden="true"
     class="c3"
-    data-aria-hidden="true"
     data-state="open"
     style="pointer-events: auto;"
-  />
-  <div
-    aria-describedby="radix-:r2:"
-    aria-labelledby="radix-:r1:"
-    class="c4"
-    data-state="open"
-    id="radix-:r0:"
-    role="dialog"
-    style="pointer-events: auto;"
-    tabindex="-1"
   >
-    <form
-      action="#"
-      novalidate=""
+    <div
+      aria-describedby="radix-:r2:"
+      aria-labelledby="radix-:r1:"
+      class="c4"
+      data-state="open"
+      id="radix-:r0:"
+      role="dialog"
+      style="pointer-events: auto;"
+      tabindex="-1"
     >
-      <header
-        class="c5 c6 c7"
+      <form
+        action="#"
+        novalidate=""
       >
-        <h2
-          class="c8"
-          id="radix-:r1:"
+        <header
+          class="c5 c6 c7"
         >
-          Add new folder
-        </h2>
-        <button
-          aria-disabled="false"
-          class="c9 c10 c11"
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            fill="currentColor"
-            focusable="false"
-            height="16"
-            viewBox="0 0 32 32"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
+          <h2
+            class="c8"
+            id="radix-:r1:"
           >
-            <path
-              d="M26.061 23.939a1.503 1.503 0 0 1-2.125 2.125L16 18.125l-7.939 7.936a1.503 1.503 0 1 1-2.125-2.125L13.875 16 5.939 8.061a1.503 1.503 0 1 1 2.125-2.125L16 13.875l7.939-7.94a1.502 1.502 0 1 1 2.125 2.125L18.125 16z"
-            />
-          </svg>
-          <span
-            class="c2"
+            Add new folder
+          </h2>
+          <button
+            aria-disabled="false"
+            class="c9 c10 c11"
+            type="button"
           >
-            Close modal
-          </span>
-        </button>
-      </header>
-      <div
-        class="c12 c13"
-        dir="ltr"
-        style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
-      >
-        <style>
-          [data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}
-        </style>
+            <svg
+              aria-hidden="true"
+              fill="currentColor"
+              focusable="false"
+              height="16"
+              viewBox="0 0 32 32"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M26.061 23.939a1.503 1.503 0 0 1-2.125 2.125L16 18.125l-7.939 7.936a1.503 1.503 0 1 1-2.125-2.125L13.875 16 5.939 8.061a1.503 1.503 0 1 1 2.125-2.125L16 13.875l7.939-7.94a1.502 1.502 0 1 1 2.125 2.125L18.125 16z"
+              />
+            </svg>
+            <span
+              class="c2"
+            >
+              Close modal
+            </span>
+          </button>
+        </header>
         <div
-          class="c14"
-          data-radix-scroll-area-viewport=""
-          style="overflow-x: scroll; overflow-y: scroll;"
+          class="c12 c13"
+          dir="ltr"
+          style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
         >
+          <style>
+            [data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}
+          </style>
           <div
-            style="min-width: 100%; display: table;"
+            class="c14"
+            data-radix-scroll-area-viewport=""
+            style="overflow-x: scroll; overflow-y: scroll;"
           >
             <div
-              class="c15"
+              style="min-width: 100%; display: table;"
             >
               <div
-                class="c16 c17"
+                class="c15"
               >
                 <div
-                  class="c18"
+                  class="c16 c17"
                 >
-                  <label
-                    class="c19 c20"
-                    for=":r3:"
-                    id=":r3:-label"
-                  >
-                    Name
-                  </label>
                   <div
-                    class="c21 c22"
+                    class="c18"
                   >
-                    <input
-                      aria-disabled="false"
-                      class="c23"
-                      id=":r3:"
-                      name="name"
-                      value=""
-                    />
+                    <label
+                      class="c19 c20"
+                      for=":r3:"
+                      id=":r3:-label"
+                    >
+                      Name
+                    </label>
+                    <div
+                      class="c21 c22"
+                    >
+                      <input
+                        aria-disabled="false"
+                        class="c23"
+                        id=":r3:"
+                        name="name"
+                        value=""
+                      />
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="c16 c17"
-              >
                 <div
-                  class="c18"
+                  class="c16 c17"
                 >
-                  <label
-                    class="c19 c20"
-                    for="folder-parent"
-                    id="folder-parent-label"
-                  >
-                    Location
-                  </label>
                   <div
-                    class=" css-1iyvlxg-container"
+                    class="c18"
                   >
-                    <span
-                      class="css-1f43avz-a11yText-A11yText"
-                      id="react-select-2-live-region"
-                    />
-                    <span
-                      aria-atomic="false"
-                      aria-live="polite"
-                      aria-relevant="additions text"
-                      class="css-1f43avz-a11yText-A11yText"
-                      role="log"
-                    />
-                    <div
-                      class=" css-oe0cnm-control"
+                    <label
+                      class="c19 c20"
+                      for="folder-parent"
+                      id="folder-parent-label"
                     >
+                      Location
+                    </label>
+                    <div
+                      class=" css-1iyvlxg-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-2-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                        role="log"
+                      />
                       <div
-                        class=" css-onz4xi-ValueContainer"
+                        class=" css-oe0cnm-control"
                       >
                         <div
-                          class=" css-1ryi7up-singleValue"
+                          class=" css-onz4xi-ValueContainer"
                         >
-                          Media Library
-                        </div>
-                        <input
-                          aria-activedescendant=""
-                          aria-autocomplete="list"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          aria-invalid="false"
-                          aria-readonly="true"
-                          class="css-mohuvp-dummyInput-DummyInput"
-                          id="folder-parent"
-                          inputmode="none"
-                          role="combobox"
-                          tabindex="0"
-                          value=""
-                        />
-                      </div>
-                      <div
-                        class=" css-1hm8yhz-IndicatorsContainer"
-                      >
-                        <div
-                          aria-hidden="true"
-                          class="c24 c25 c26"
-                        >
-                          <svg
-                            fill="currentColor"
-                            height="16"
-                            viewBox="0 0 32 32"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <div
+                            class=" css-1ryi7up-singleValue"
                           >
-                            <path
-                              d="m26.708 12.708-10 10a1 1 0 0 1-1.415 0l-10-10A1 1 0 0 1 6 11h20a1 1 0 0 1 .707 1.707"
-                            />
-                          </svg>
+                            Media Library
+                          </div>
+                          <input
+                            aria-activedescendant=""
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            aria-invalid="false"
+                            aria-readonly="true"
+                            class="css-mohuvp-dummyInput-DummyInput"
+                            id="folder-parent"
+                            inputmode="none"
+                            role="combobox"
+                            tabindex="0"
+                            value=""
+                          />
+                        </div>
+                        <div
+                          class=" css-1hm8yhz-IndicatorsContainer"
+                        >
+                          <div
+                            aria-hidden="true"
+                            class="c24 c25 c26"
+                          >
+                            <svg
+                              fill="currentColor"
+                              height="16"
+                              viewBox="0 0 32 32"
+                              width="16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="m26.708 12.708-10 10a1 1 0 0 1-1.415 0l-10-10A1 1 0 0 1 6 11h20a1 1 0 0 1 .707 1.707"
+                              />
+                            </svg>
+                          </div>
                         </div>
                       </div>
+                      <input
+                        name="parent"
+                        type="hidden"
+                        value=""
+                      />
                     </div>
-                    <input
-                      name="parent"
-                      type="hidden"
-                      value=""
-                    />
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-      <footer
-        class="c5 c6 c27"
-      >
-        <button
-          aria-disabled="false"
-          class="c28 c29 c30"
-          name="cancel"
-        >
-          <span
-            class="c31"
-          >
-            Cancel
-          </span>
-        </button>
-        <div
-          class="c32"
+        <footer
+          class="c5 c6 c27"
         >
           <button
             aria-disabled="false"
-            class="c28 c29 c33"
-            name="submit"
-            type="submit"
+            class="c28 c29 c30"
+            name="cancel"
           >
             <span
               class="c31"
             >
-              Create
+              Cancel
             </span>
           </button>
-        </div>
-      </footer>
-    </form>
+          <div
+            class="c32"
+          >
+            <button
+              aria-disabled="false"
+              class="c28 c29 c33"
+              name="submit"
+              type="submit"
+            >
+              <span
+                class="c31"
+              >
+                Create
+              </span>
+            </button>
+          </div>
+        </footer>
+      </form>
+    </div>
   </div>
   <span
     aria-hidden="true"
diff --git a/packages/core/upload/package.json b/packages/core/upload/package.json
index 41145db0ef..67252df5f2 100644
--- a/packages/core/upload/package.json
+++ b/packages/core/upload/package.json
@@ -61,8 +61,8 @@
   },
   "dependencies": {
     "@mux/mux-player-react": "3.1.0",
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/provider-upload-local": "5.15.0",
     "@strapi/utils": "5.15.0",
     "byte-size": "8.1.1",
diff --git a/packages/plugins/cloud/package.json b/packages/plugins/cloud/package.json
index b496ab0700..80d75bf0eb 100644
--- a/packages/plugins/cloud/package.json
+++ b/packages/plugins/cloud/package.json
@@ -40,8 +40,8 @@
     "watch": "run -T rollup -c -w"
   },
   "dependencies": {
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "react-intl": "6.6.2"
   },
   "devDependencies": {
diff --git a/packages/plugins/color-picker/package.json b/packages/plugins/color-picker/package.json
index 6b63d141e0..80d2b1a346 100644
--- a/packages/plugins/color-picker/package.json
+++ b/packages/plugins/color-picker/package.json
@@ -57,8 +57,8 @@
     "watch": "run -T rollup -c -w"
   },
   "dependencies": {
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "react-colorful": "5.6.1",
     "react-intl": "6.6.2"
   },
diff --git a/packages/plugins/documentation/package.json b/packages/plugins/documentation/package.json
index 5745cdbe7c..86fb1d159c 100644
--- a/packages/plugins/documentation/package.json
+++ b/packages/plugins/documentation/package.json
@@ -60,8 +60,8 @@
   "dependencies": {
     "@reduxjs/toolkit": "1.9.7",
     "@strapi/admin": "5.15.0",
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/utils": "5.15.0",
     "bcryptjs": "2.4.3",
     "cheerio": "^1.0.0",
diff --git a/packages/plugins/graphql/package.json b/packages/plugins/graphql/package.json
index dab32678ac..a56468c3b9 100644
--- a/packages/plugins/graphql/package.json
+++ b/packages/plugins/graphql/package.json
@@ -57,8 +57,8 @@
     "@graphql-tools/schema": "10.0.3",
     "@graphql-tools/utils": "^10.1.3",
     "@koa/cors": "5.0.0",
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/utils": "5.15.0",
     "graphql": "^16.8.1",
     "graphql-depth-limit": "^1.1.0",
diff --git a/packages/plugins/i18n/package.json b/packages/plugins/i18n/package.json
index a3ce3a9dde..296acde677 100644
--- a/packages/plugins/i18n/package.json
+++ b/packages/plugins/i18n/package.json
@@ -57,8 +57,8 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "1.9.7",
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/utils": "5.15.0",
     "lodash": "4.17.21",
     "qs": "6.11.1",
diff --git a/packages/plugins/sentry/package.json b/packages/plugins/sentry/package.json
index ceb5bebdbe..be70c8aca7 100644
--- a/packages/plugins/sentry/package.json
+++ b/packages/plugins/sentry/package.json
@@ -54,8 +54,8 @@
   },
   "dependencies": {
     "@sentry/node": "7.112.2",
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24"
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25"
   },
   "devDependencies": {
     "@strapi/strapi": "5.15.0",
diff --git a/packages/plugins/users-permissions/admin/src/components/FormModal/Input/tests/index.test.jsx b/packages/plugins/users-permissions/admin/src/components/FormModal/Input/tests/index.test.jsx
index 01402c6df6..9aa05abab3 100644
--- a/packages/plugins/users-permissions/admin/src/components/FormModal/Input/tests/index.test.jsx
+++ b/packages/plugins/users-permissions/admin/src/components/FormModal/Input/tests/index.test.jsx
@@ -81,8 +81,8 @@ describe('<Input />', () => {
         padding-block: 8px;
       }
 
-      .c5 ::placeholder {
-        color: #8e8ea9;
+      .c5::placeholder {
+        color: #666687;
         opacity: 1;
       }
 
diff --git a/packages/plugins/users-permissions/package.json b/packages/plugins/users-permissions/package.json
index 06351ffcf5..9dc509b455 100644
--- a/packages/plugins/users-permissions/package.json
+++ b/packages/plugins/users-permissions/package.json
@@ -48,8 +48,8 @@
     "watch": "run -T rollup -c -w"
   },
   "dependencies": {
-    "@strapi/design-system": "2.0.0-rc.24",
-    "@strapi/icons": "2.0.0-rc.24",
+    "@strapi/design-system": "2.0.0-rc.25",
+    "@strapi/icons": "2.0.0-rc.25",
     "@strapi/utils": "5.15.0",
     "bcryptjs": "2.4.3",
     "formik": "2.4.5",
diff --git a/yarn.lock b/yarn.lock
index 7fa0b05901..a1b72b31cc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8649,8 +8649,8 @@ __metadata:
     "@reduxjs/toolkit": "npm:1.9.7"
     "@strapi/admin-test-utils": "npm:5.15.0"
     "@strapi/data-transfer": "npm:5.15.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/permissions": "npm:5.15.0"
     "@strapi/types": "npm:5.15.0"
     "@strapi/typescript-utils": "npm:5.15.0"
@@ -8785,8 +8785,8 @@ __metadata:
     "@sindresorhus/slugify": "npm:1.1.0"
     "@strapi/admin": "npm:5.15.0"
     "@strapi/database": "npm:5.15.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/types": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
     "@testing-library/react": "npm:15.0.7"
@@ -8849,8 +8849,8 @@ __metadata:
     "@strapi/admin-test-utils": "npm:5.15.0"
     "@strapi/content-manager": "npm:5.15.0"
     "@strapi/database": "npm:5.15.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/types": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
     "@testing-library/dom": "npm:10.1.0"
@@ -8895,9 +8895,9 @@ __metadata:
     "@reduxjs/toolkit": "npm:1.9.7"
     "@sindresorhus/slugify": "npm:1.1.0"
     "@strapi/admin": "npm:5.15.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
     "@strapi/generators": "npm:5.15.0"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/types": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
     "@testing-library/dom": "npm:10.1.0"
@@ -9072,9 +9072,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@strapi/design-system@npm:2.0.0-rc.24":
-  version: 2.0.0-rc.24
-  resolution: "@strapi/design-system@npm:2.0.0-rc.24"
+"@strapi/design-system@npm:2.0.0-rc.25":
+  version: 2.0.0-rc.25
+  resolution: "@strapi/design-system@npm:2.0.0-rc.25"
   dependencies:
     "@codemirror/lang-json": "npm:6.0.1"
     "@floating-ui/react-dom": "npm:2.1.0"
@@ -9097,7 +9097,7 @@ __metadata:
     "@radix-ui/react-tabs": "npm:1.0.4"
     "@radix-ui/react-tooltip": "npm:1.0.7"
     "@radix-ui/react-use-callback-ref": "npm:1.0.1"
-    "@strapi/ui-primitives": "npm:2.0.0-rc.24"
+    "@strapi/ui-primitives": "npm:2.0.0-rc.25"
     "@uiw/react-codemirror": "npm:4.22.2"
     lodash: "npm:4.17.21"
     react-remove-scroll: "npm:2.5.10"
@@ -9106,7 +9106,7 @@ __metadata:
     react: ^17.0.0 || ^18.0.0
     react-dom: ^17.0.0 || ^18.0.0
     styled-components: ^6.0.0
-  checksum: 10c0/8f40245a20db0a14e6b5cffe7f43c494d393a3278c11c2fff36c94564e8798f44cccf3d18ebdad2dfd297fc0807009ec3dc1af7b8699ef431a0aeb185d56760f
+  checksum: 10c0/9e62017b133158148311799a146879e224c1522e08d2daf816a4af5f3a35a93c8be8c65e80d86187c9554ea9e76837d2ecc770f990ae774555f4c936484bc688
   languageName: node
   linkType: hard
 
@@ -9115,8 +9115,8 @@ __metadata:
   resolution: "@strapi/email@workspace:packages/core/email"
   dependencies:
     "@strapi/admin": "npm:5.15.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/provider-email-sendmail": "npm:5.15.0"
     "@strapi/types": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
@@ -9203,8 +9203,8 @@ __metadata:
     "@strapi/admin": "npm:5.15.0"
     "@strapi/admin-test-utils": "npm:5.15.0"
     "@strapi/content-manager": "npm:5.15.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/types": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
     "@testing-library/react": "npm:15.0.7"
@@ -9230,14 +9230,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@strapi/icons@npm:2.0.0-rc.24":
-  version: 2.0.0-rc.24
-  resolution: "@strapi/icons@npm:2.0.0-rc.24"
+"@strapi/icons@npm:2.0.0-rc.25":
+  version: 2.0.0-rc.25
+  resolution: "@strapi/icons@npm:2.0.0-rc.25"
   peerDependencies:
     react: ^17.0.0 || ^18.0.0
     react-dom: ^17.0.0 || ^18.0.0
     styled-components: ^6.0.0
-  checksum: 10c0/5b9729438569fbcab505366b2e1a63f1133561b8ea98694ee572370316d28442915abdabd9e771d9f7a143b33bc01ad4721a1f3bfb1cfae3fc42f8da0b808a3d
+  checksum: 10c0/52e1b7980fd7bbe8fdb92daf7a437c778fa516b76e4209472b58cc562d3a4dbeedb8b6c8799592c1312e2debeaa2467654962289d04c6efd31c1fb4083a7ab3b
   languageName: node
   linkType: hard
 
@@ -9301,8 +9301,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@strapi/plugin-cloud@workspace:packages/plugins/cloud"
   dependencies:
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/strapi": "npm:5.15.0"
     eslint-config-custom: "npm:5.15.0"
     react: "npm:18.3.1"
@@ -9325,8 +9325,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@strapi/plugin-color-picker@workspace:packages/plugins/color-picker"
   dependencies:
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/strapi": "npm:5.15.0"
     "@testing-library/react": "npm:15.0.7"
     "@testing-library/user-event": "npm:14.5.2"
@@ -9354,8 +9354,8 @@ __metadata:
     "@reduxjs/toolkit": "npm:1.9.7"
     "@strapi/admin": "npm:5.15.0"
     "@strapi/admin-test-utils": "npm:5.15.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/strapi": "npm:5.15.0"
     "@strapi/types": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
@@ -9404,8 +9404,8 @@ __metadata:
     "@graphql-tools/schema": "npm:10.0.3"
     "@graphql-tools/utils": "npm:^10.1.3"
     "@koa/cors": "npm:5.0.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/strapi": "npm:5.15.0"
     "@strapi/types": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
@@ -9444,8 +9444,8 @@ __metadata:
   resolution: "@strapi/plugin-sentry@workspace:packages/plugins/sentry"
   dependencies:
     "@sentry/node": "npm:7.112.2"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/strapi": "npm:5.15.0"
     react: "npm:18.3.1"
     react-dom: "npm:18.3.1"
@@ -9464,8 +9464,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@strapi/plugin-users-permissions@workspace:packages/plugins/users-permissions"
   dependencies:
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/strapi": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
     "@testing-library/dom": "npm:10.1.0"
@@ -9608,8 +9608,8 @@ __metadata:
     "@reduxjs/toolkit": "npm:1.9.7"
     "@strapi/admin": "npm:5.15.0"
     "@strapi/content-manager": "npm:5.15.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/types": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
     "@testing-library/react": "npm:15.0.7"
@@ -9805,9 +9805,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@strapi/ui-primitives@npm:2.0.0-rc.24":
-  version: 2.0.0-rc.24
-  resolution: "@strapi/ui-primitives@npm:2.0.0-rc.24"
+"@strapi/ui-primitives@npm:2.0.0-rc.25":
+  version: 2.0.0-rc.25
+  resolution: "@strapi/ui-primitives@npm:2.0.0-rc.25"
   dependencies:
     "@radix-ui/number": "npm:1.0.1"
     "@radix-ui/primitive": "npm:1.0.1"
@@ -9832,7 +9832,7 @@ __metadata:
   peerDependencies:
     react: ^17.0.0 || ^18.0.0
     react-dom: ^17.0.0 || ^18.0.0
-  checksum: 10c0/e3b4b233645e9b8f20d1923f20fbc90f6475f237710ac75f5da938288e5fd4fe50ef477b98438c2992d26f74e5fe84c3df0807ed36cf8fed572ef1c88fc4edd8
+  checksum: 10c0/fbe9f4e5de4206677f824b3df077d3c7b694894784234031730c86fd39f94fa040351b5c7057522f557a630bd15f6961e179e4071301d33eebd15df9152ea5e0
   languageName: node
   linkType: hard
 
@@ -9870,8 +9870,8 @@ __metadata:
   dependencies:
     "@mux/mux-player-react": "npm:3.1.0"
     "@strapi/admin": "npm:5.15.0"
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/provider-upload-local": "npm:5.15.0"
     "@strapi/types": "npm:5.15.0"
     "@strapi/utils": "npm:5.15.0"
@@ -19062,7 +19062,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "getstarted@workspace:examples/getstarted"
   dependencies:
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/plugin-color-picker": "workspace:*"
     "@strapi/plugin-documentation": "workspace:*"
     "@strapi/plugin-graphql": "workspace:*"
@@ -29837,8 +29837,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "strapi-plugin-todo-example@workspace:examples/plugins/todo-example"
   dependencies:
-    "@strapi/design-system": "npm:2.0.0-rc.24"
-    "@strapi/icons": "npm:2.0.0-rc.24"
+    "@strapi/design-system": "npm:2.0.0-rc.25"
+    "@strapi/icons": "npm:2.0.0-rc.25"
     "@strapi/sdk-plugin": "npm:^5.2.0"
     "@strapi/strapi": "workspace:*"
     eslint: "npm:8.50.0"