diff --git a/assets/svg/forest-theme.svg b/assets/svg/forest-theme.svg
index 1472bcbf5..fd73b92a6 100644
--- a/assets/svg/forest-theme.svg
+++ b/assets/svg/forest-theme.svg
@@ -1,4 +1,15 @@
 <svg width="200" height="162" viewBox="0 0 200 162" fill="none" xmlns="http://www.w3.org/2000/svg">
+<defs>
+<clipPath id="clip0_849_28937">
+<rect width="200" height="162" fill="white"/>
+</clipPath>
+<clipPath id="clip1_849_28937">
+<rect width="200" height="368.997" fill="white" transform="translate(0 -201)"/>
+</clipPath>
+<clipPath id="clip2_849_28937">
+<rect width="200" height="162" rx="8" fill="white"/>
+</clipPath>
+</defs>
 <g clip-path="url(#clip0_849_28937)">
 <g clip-path="url(#clip1_849_28937)">
 <g opacity="0.8">
@@ -49,15 +60,4 @@
 <rect x="16" y="156" width="106" height="8" rx="1" fill="white"/>
 </g>
 </g>
-<defs>
-<clipPath id="clip0_849_28937">
-<rect width="200" height="162" fill="white"/>
-</clipPath>
-<clipPath id="clip1_849_28937">
-<rect width="200" height="368.997" fill="white" transform="translate(0 -201)"/>
-</clipPath>
-<clipPath id="clip2_849_28937">
-<rect width="200" height="162" rx="8" fill="white"/>
-</clipPath>
-</defs>
 </svg>
diff --git a/assets/svg/fruit-sorbet-theme.svg b/assets/svg/fruit-sorbet-theme.svg
index 9ae18fa40..ca090c713 100644
--- a/assets/svg/fruit-sorbet-theme.svg
+++ b/assets/svg/fruit-sorbet-theme.svg
@@ -1,33 +1,4 @@
 <svg width="200" height="162" viewBox="0 0 200 162" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_997_28963)">
-<g clip-path="url(#clip1_997_28963)">
-<rect width="360" height="640" fill="#FFF9F2"/>
-<g opacity="0.25">
-<circle cx="158.5" cy="258.5" r="286.5" fill="url(#paint0_radial_997_28963)"/>
-<circle cx="149.5" cy="200.5" r="205.5" fill="url(#paint1_radial_997_28963)"/>
-<circle cx="195.5" cy="241.5" r="127.5" fill="url(#paint2_radial_997_28963)"/>
-<circle cx="-36.5" cy="-11.5" r="366.5" fill="url(#paint3_radial_997_28963)"/>
-<circle cx="360" cy="-12" r="486" fill="url(#paint4_radial_997_28963)"/>
-<circle cx="145" cy="-74" r="188" fill="url(#paint5_radial_997_28963)"/>
-</g>
-</g>
-<g clip-path="url(#clip2_997_28963)">
-<rect x="10" y="10" width="180" height="20" rx="2" fill="#F95369"/>
-<rect x="16" y="16" width="106" height="8" rx="1" fill="white"/>
-<rect x="10" y="40" width="180" height="20" rx="2" fill="#FDCBD2"/>
-<rect x="16" y="46" width="106" height="8" rx="1" fill="#DB5D6F"/>
-<rect x="10" y="62" width="180" height="20" rx="2" fill="#FDCBD2"/>
-<rect x="16" y="68" width="106" height="8" rx="1" fill="#DB5D6F"/>
-<rect x="10" y="84" width="180" height="20" rx="2" fill="#FDCBD2"/>
-<rect x="16" y="90" width="106" height="8" rx="1" fill="#DB5D6F"/>
-<rect x="10" y="106" width="180" height="20" rx="2" fill="#FDCBD2"/>
-<rect x="16" y="112" width="106" height="8" rx="1" fill="#DB5D6F"/>
-<rect x="10" y="128" width="180" height="20" rx="2" fill="#FDCBD2"/>
-<rect x="16" y="134" width="106" height="8" rx="1" fill="#DB5D6F"/>
-<rect x="10" y="150" width="180" height="20" rx="2" fill="#FDCBD2"/>
-<rect x="16" y="156" width="106" height="8" rx="1" fill="#DB5D6F"/>
-</g>
-</g>
 <defs>
 <radialGradient id="paint0_radial_997_28963" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(158.5 258.5) rotate(48.43) scale(263.308)">
 <stop stop-color="#FE7160"/>
@@ -63,4 +34,33 @@
 <rect width="200" height="162" rx="8" fill="white"/>
 </clipPath>
 </defs>
+<g clip-path="url(#clip0_997_28963)">
+<g clip-path="url(#clip1_997_28963)">
+<rect width="360" height="640" fill="#FFF9F2"/>
+<g opacity="0.25">
+<circle cx="158.5" cy="258.5" r="286.5" fill="url(#paint0_radial_997_28963)"/>
+<circle cx="149.5" cy="200.5" r="205.5" fill="url(#paint1_radial_997_28963)"/>
+<circle cx="195.5" cy="241.5" r="127.5" fill="url(#paint2_radial_997_28963)"/>
+<circle cx="-36.5" cy="-11.5" r="366.5" fill="url(#paint3_radial_997_28963)"/>
+<circle cx="360" cy="-12" r="486" fill="url(#paint4_radial_997_28963)"/>
+<circle cx="145" cy="-74" r="188" fill="url(#paint5_radial_997_28963)"/>
+</g>
+</g>
+<g clip-path="url(#clip2_997_28963)">
+<rect x="10" y="10" width="180" height="20" rx="2" fill="#F95369"/>
+<rect x="16" y="16" width="106" height="8" rx="1" fill="white"/>
+<rect x="10" y="40" width="180" height="20" rx="2" fill="#FDCBD2"/>
+<rect x="16" y="46" width="106" height="8" rx="1" fill="#DB5D6F"/>
+<rect x="10" y="62" width="180" height="20" rx="2" fill="#FDCBD2"/>
+<rect x="16" y="68" width="106" height="8" rx="1" fill="#DB5D6F"/>
+<rect x="10" y="84" width="180" height="20" rx="2" fill="#FDCBD2"/>
+<rect x="16" y="90" width="106" height="8" rx="1" fill="#DB5D6F"/>
+<rect x="10" y="106" width="180" height="20" rx="2" fill="#FDCBD2"/>
+<rect x="16" y="112" width="106" height="8" rx="1" fill="#DB5D6F"/>
+<rect x="10" y="128" width="180" height="20" rx="2" fill="#FDCBD2"/>
+<rect x="16" y="134" width="106" height="8" rx="1" fill="#DB5D6F"/>
+<rect x="10" y="150" width="180" height="20" rx="2" fill="#FDCBD2"/>
+<rect x="16" y="156" width="106" height="8" rx="1" fill="#DB5D6F"/>
+</g>
+</g>
 </svg>
diff --git a/assets/svg/ocean-breeze-theme.svg b/assets/svg/ocean-breeze-theme.svg
index 0deb96ec8..298a0a372 100644
--- a/assets/svg/ocean-breeze-theme.svg
+++ b/assets/svg/ocean-breeze-theme.svg
@@ -1,4 +1,13 @@
 <svg width="200" height="162" viewBox="0 0 200 162" fill="none" xmlns="http://www.w3.org/2000/svg">
+<defs>
+<linearGradient id="paint0_linear_518_22068" x1="100" y1="0" x2="100" y2="162" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F7FA"/>
+<stop offset="1" stop-color="#E8F2F9"/>
+</linearGradient>
+<clipPath id="clip0_518_22068">
+<rect width="200" height="162" rx="8" fill="white"/>
+</clipPath>
+</defs>
 <g clip-path="url(#clip0_518_22068)">
 <rect width="200" height="162" rx="8" fill="url(#paint0_linear_518_22068)"/>
 <rect x="10" y="10" width="180" height="20" rx="2" fill="#C2DAE2"/>
@@ -16,13 +25,4 @@
 <rect x="10" y="150" width="180" height="20" rx="2" fill="#FEFEFE"/>
 <rect x="16" y="156" width="106" height="8" rx="1" fill="#BDD5DB"/>
 </g>
-<defs>
-<linearGradient id="paint0_linear_518_22068" x1="100" y1="0" x2="100" y2="162" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F3F7FA"/>
-<stop offset="1" stop-color="#E8F2F9"/>
-</linearGradient>
-<clipPath id="clip0_518_22068">
-<rect width="200" height="162" rx="8" fill="white"/>
-</clipPath>
-</defs>
 </svg>