Chore: Update snapshot tests

packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js

@@ -626,6 +626,10 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => {
         border: 2px solid #4945ff;
       }
 
+      .c5 {
+        height: 4.5rem;
+      }
+
       .c2 {
         margin: 0 auto;
         width: 552px;
@@ -637,10 +641,6 @@ describe('ADMIN | PAGES | AUTH | BaseLogin', () => {
         flex-direction: column;
       }
 
-      .c5 {
-        height: 4.5rem;
-      }
-
       .c26 svg {
         height: 1rem;
         width: 1rem;

packages/core/admin/admin/src/pages/AuthPage/components/Oops/tests/index.test.js

@@ -351,6 +351,10 @@ describe('ADMIN | PAGES | AUTH | Oops', () => {
         border: 2px solid #4945ff;
       }
 
+      .c15 {
+        height: 4.5rem;
+      }
+
       .c13 {
         margin: 0 auto;
         width: 552px;
@@ -362,10 +366,6 @@ describe('ADMIN | PAGES | AUTH | Oops', () => {
         flex-direction: column;
       }
 
-      .c15 {
-        height: 4.5rem;
-      }
-
       <div>
         <header
           class="c0"

packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js

@@ -588,6 +588,10 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
         border: 2px solid #4945ff;
       }
 
+      .c15 {
+        height: 4.5rem;
+      }
+
       .c13 {
         margin: 0 auto;
         width: 552px;
@@ -599,10 +603,6 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
         flex-direction: column;
       }
 
-      .c15 {
-        height: 4.5rem;
-      }
-
       .c32 svg {
         height: 1rem;
         width: 1rem;

packages/core/admin/admin/src/pages/MarketplacePage/tests/__snapshots__/index.test.js.snap

@@ -1135,6 +1135,10 @@ exports[`Marketplace page - layout renders the online layout 1`] = `
   word-break: break-all;
 }
 
+.c54 {
+  height: 2rem;
+}
+
 .c70 {
   width: 0.75rem;
   -webkit-transform: rotate(90deg);
@@ -1169,10 +1173,6 @@ exports[`Marketplace page - layout renders the online layout 1`] = `
   width: 1px;
 }
 
-.c54 {
-  height: 2rem;
-}
-
 @media (max-width:68.75rem) {
   .c57 {
     grid-column: span 6;

packages/core/content-type-builder/admin/src/pages/ListView/tests/__snapshots__/index.test.js.snap

@@ -734,64 +734,6 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   border: 2px solid #4945ff;
 }
 
-.c64 {
-  position: absolute;
-  display: none;
-  top: 5px;
-  right: 0.5rem;
-}
-
-.c64 svg {
-  width: 0.625rem;
-  height: 0.625rem;
-}
-
-.c64 svg path {
-  fill: #4945ff;
-}
-
-.c57 {
-  width: 8.75rem;
-  height: 5rem;
-  position: relative;
-  border: 1px solid #dcdce4;
-  background: #f6f6f9;
-  border-radius: 4px;
-  max-width: 100%;
-}
-
-.c57.active,
-.c57:focus,
-.c57:hover {
-  border: 1px solid #d9d8ff;
-  background: #f0f0ff;
-}
-
-.c57.active .c63,
-.c57:focus .c63,
-.c57:hover .c63 {
-  display: block;
-}
-
-.c57.active .c7,
-.c57:focus .c7,
-.c57:hover .c7 {
-  color: #4945ff;
-}
-
-.c57.active > div:first-child,
-.c57:focus > div:first-child,
-.c57:hover > div:first-child {
-  background: #d9d8ff;
-  color: #4945ff;
-}
-
-.c57.active > div:first-child svg path,
-.c57:focus > div:first-child svg path,
-.c57:hover > div:first-child svg path {
-  fill: #4945ff;
-}
-
 .c37.component-row,
 .c37.dynamiczone-row {
   position: relative;
@@ -858,6 +800,64 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   padding: 0;
 }
 
+.c64 {
+  position: absolute;
+  display: none;
+  top: 5px;
+  right: 0.5rem;
+}
+
+.c64 svg {
+  width: 0.625rem;
+  height: 0.625rem;
+}
+
+.c64 svg path {
+  fill: #4945ff;
+}
+
+.c57 {
+  width: 8.75rem;
+  height: 5rem;
+  position: relative;
+  border: 1px solid #dcdce4;
+  background: #f6f6f9;
+  border-radius: 4px;
+  max-width: 100%;
+}
+
+.c57.active,
+.c57:focus,
+.c57:hover {
+  border: 1px solid #d9d8ff;
+  background: #f0f0ff;
+}
+
+.c57.active .c63,
+.c57:focus .c63,
+.c57:hover .c63 {
+  display: block;
+}
+
+.c57.active .c7,
+.c57:focus .c7,
+.c57:hover .c7 {
+  color: #4945ff;
+}
+
+.c57.active > div:first-child,
+.c57:focus > div:first-child,
+.c57:hover > div:first-child {
+  background: #d9d8ff;
+  color: #4945ff;
+}
+
+.c57.active > div:first-child svg path,
+.c57:focus > div:first-child svg path,
+.c57:hover > div:first-child svg path {
+  fill: #4945ff;
+}
+
 .c53 {
   width: 2rem;
   height: 2rem;
@@ -903,41 +903,6 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   align-items: center;
 }
 
-.c22 table {
-  width: 100%;
-  white-space: nowrap;
-}
-
-.c22 thead {
-  border-bottom: 1px solid #eaeaef;
-}
-
-.c22 thead tr {
-  border-top: 0;
-}
-
-.c22 tr {
-  border-top: 1px solid #eaeaef;
-}
-
-.c22 tr td,
-.c22 tr th {
-  padding: 16px;
-}
-
-.c22 tr td:first-of-type,
-.c22 tr th:first-of-type {
-  padding: 0 4px;
-}
-
-.c22 th,
-.c22 td {
-  vertical-align: middle;
-  text-align: left;
-  color: #666687;
-  outline-offset: -4px;
-}
-
 .c44 {
   height: 1.5rem;
   width: 1.5rem;
@@ -1001,6 +966,41 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   left: -0.25rem;
 }
 
+.c22 table {
+  width: 100%;
+  white-space: nowrap;
+}
+
+.c22 thead {
+  border-bottom: 1px solid #eaeaef;
+}
+
+.c22 thead tr {
+  border-top: 0;
+}
+
+.c22 tr {
+  border-top: 1px solid #eaeaef;
+}
+
+.c22 tr td,
+.c22 tr th {
+  padding: 16px;
+}
+
+.c22 tr td:first-of-type,
+.c22 tr th:first-of-type {
+  padding: 0 4px;
+}
+
+.c22 th,
+.c22 td {
+  vertical-align: middle;
+  text-align: left;
+  color: #666687;
+  outline-offset: -4px;
+}
+
 .c39 {
   position: absolute;
   left: -1.125rem;
@@ -1042,15 +1042,15 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
   fill: #d9d8ff;
 }
 
-.c25 {
-  position: relative;
-}
-
 .c29 svg {
   height: 100%;
   width: 100%;
 }
 
+.c25 {
+  position: relative;
+}
+
 <div>
   <div
     style="height: 0px;"

packages/core/upload/admin/src/components/AssetGridList/tests/__snapshots__/AssetGridList.test.js.snap

@@ -317,14 +317,6 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
   cursor: pointer;
 }
 
-.c29 canvas,
-.c29 video {
-  display: block;
-  pointer-events: none;
-  max-width: 100%;
-  max-height: 10.25rem;
-}
-
 .c35 svg {
   font-size: 3rem;
 }
@@ -334,6 +326,14 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
   background: linear-gradient(180deg,#ffffff 0%,#f6f6f9 121.48%);
 }
 
+.c29 canvas,
+.c29 video {
+  display: block;
+  pointer-events: none;
+  max-width: 100%;
+  max-height: 10.25rem;
+}
+
 @media (max-width:68.75rem) {
   .c2 {
     grid-column: span;

packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/__snapshots__/PendingAssetStep.test.js.snap

@@ -633,14 +633,6 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
   opacity: 1;
 }
 
-.c52 canvas,
-.c52 video {
-  display: block;
-  pointer-events: none;
-  max-width: 100%;
-  max-height: 5.5rem;
-}
-
 .c51 svg {
   font-size: 3rem;
 }
@@ -650,6 +642,14 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
   background: linear-gradient(180deg,#ffffff 0%,#f6f6f9 121.48%);
 }
 
+.c52 canvas,
+.c52 video {
+  display: block;
+  pointer-events: none;
+  max-width: 100%;
+  max-height: 5.5rem;
+}
+
 @media (max-width:68.75rem) {
   .c21 {
     grid-column: span;