diff --git a/packages/ui/__tests__/components/__snapshots__/Designer.test.tsx.snap b/packages/ui/__tests__/components/__snapshots__/Designer.test.tsx.snap
index fb808d8a..3600e2e7 100644
--- a/packages/ui/__tests__/components/__snapshots__/Designer.test.tsx.snap
+++ b/packages/ui/__tests__/components/__snapshots__/Designer.test.tsx.snap
@@ -21,7 +21,7 @@ exports[`Designer snapshot 1`] = `
           style="visibility: visible;"
         >
           <button
-            class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
+            class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
             style="width: 35px; height: 35px; margin-top: 0.25rem; padding: 0.25rem;"
             type="button"
           >
@@ -41,19 +41,19 @@ exports[`Designer snapshot 1`] = `
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5 4h1a3 3 0 0 1 3 3 3 3 0 0 1 3-3h1"
-                />
-                <path
-                  d="M13 20h-1a3 3 0 0 1-3-3 3 3 0 0 1-3 3H5"
-                />
-                <path
-                  d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1"
+                  d="M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6"
                 />
                 <path
                   d="M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7"
                 />
                 <path
-                  d="M9 7v10"
+                  d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1"
+                />
+                <path
+                  d="M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1"
+                />
+                <path
+                  d="M9 6v12"
                 />
               </svg>
             </div>
@@ -72,7 +72,7 @@ exports[`Designer snapshot 1`] = `
           style="visibility: visible;"
         >
           <button
-            class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
+            class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
             style="width: 35px; height: 35px; margin-top: 0.25rem; padding: 0.25rem;"
             type="button"
           >
@@ -127,7 +127,7 @@ exports[`Designer snapshot 1`] = `
             style="display: flex; align-items: center;"
           >
             <button
-              class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
+              class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
               type="button"
             >
               <span
@@ -138,7 +138,7 @@ exports[`Designer snapshot 1`] = `
               
             </button>
             <span
-              class="ant-typography css-dev-only-do-not-override-1m63z2v"
+              class="ant-typography css-dev-only-do-not-override-18afz5u"
               style="color: rgb(255, 255, 255); font-size: 14px; margin: 8px;"
             >
               <strong>
@@ -147,7 +147,7 @@ exports[`Designer snapshot 1`] = `
               </strong>
             </span>
             <button
-              class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
+              class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
               type="button"
             >
               <span
@@ -165,7 +165,7 @@ exports[`Designer snapshot 1`] = `
       >
         <div>
           <button
-            class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
+            class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
             style="position: absolute; display: flex; align-items: center; justify-content: center; top: 1rem; right: 1rem; z-index: 100;"
             type="button"
           >
@@ -185,7 +185,7 @@ exports[`Designer snapshot 1`] = `
                   style="height: 40px; display: flex; align-items: center;"
                 >
                   <span
-                    class="ant-typography css-dev-only-do-not-override-1m63z2v"
+                    class="ant-typography css-dev-only-do-not-override-18afz5u"
                     style="text-align: center; width: 100%;"
                   >
                     <strong>
@@ -194,7 +194,7 @@ exports[`Designer snapshot 1`] = `
                   </span>
                 </div>
                 <div
-                  class="ant-divider css-dev-only-do-not-override-1m63z2v ant-divider-horizontal"
+                  class="ant-divider css-dev-only-do-not-override-18afz5u ant-divider-horizontal"
                   role="separator"
                   style="margin-top: 8px; margin-bottom: 8px;"
                 />
@@ -214,7 +214,7 @@ exports[`Designer snapshot 1`] = `
                           style="display: flex; align-items: center; cursor: pointer; gap: 0.5rem; border: 1px solid transparent;"
                         >
                           <button
-                            class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
+                            class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             style="display: flex; align-items: center; background: none; box-shadow: none; padding-left: 0.25rem;"
                             type="button"
                           >
@@ -241,24 +241,24 @@ exports[`Designer snapshot 1`] = `
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
-                                d="M5 4h1a3 3 0 0 1 3 3 3 3 0 0 1 3-3h1"
-                              />
-                              <path
-                                d="M13 20h-1a3 3 0 0 1-3-3 3 3 0 0 1-3 3H5"
-                              />
-                              <path
-                                d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1"
+                                d="M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6"
                               />
                               <path
                                 d="M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7"
                               />
                               <path
-                                d="M9 7v10"
+                                d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1"
+                              />
+                              <path
+                                d="M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1"
+                              />
+                              <path
+                                d="M9 6v12"
                               />
                             </svg>
                           </div>
                           <span
-                            class="ant-typography css-dev-only-do-not-override-1m63z2v"
+                            class="ant-typography css-dev-only-do-not-override-18afz5u"
                             style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;"
                             title="Edit"
                           >
@@ -273,7 +273,7 @@ exports[`Designer snapshot 1`] = `
                           style="display: flex; align-items: center; cursor: pointer; gap: 0.5rem; border: 1px solid transparent;"
                         >
                           <button
-                            class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
+                            class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             style="display: flex; align-items: center; background: none; box-shadow: none; padding-left: 0.25rem;"
                             type="button"
                           >
@@ -318,7 +318,7 @@ exports[`Designer snapshot 1`] = `
                             </svg>
                           </div>
                           <span
-                            class="ant-typography css-dev-only-do-not-override-1m63z2v"
+                            class="ant-typography css-dev-only-do-not-override-18afz5u"
                             style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;"
                             title="Edit"
                           >
@@ -349,7 +349,7 @@ exports[`Designer snapshot 1`] = `
                     style="padding-top: 0.5rem; display: flex; align-items: center; justify-content: flex-end;"
                   >
                     <button
-                      class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-sm"
+                      class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-sm"
                       type="button"
                     >
                       <u>
diff --git a/packages/ui/__tests__/components/__snapshots__/Preview.test.tsx.snap b/packages/ui/__tests__/components/__snapshots__/Preview.test.tsx.snap
index 6c4981e1..63942ac5 100644
--- a/packages/ui/__tests__/components/__snapshots__/Preview.test.tsx.snap
+++ b/packages/ui/__tests__/components/__snapshots__/Preview.test.tsx.snap
@@ -17,7 +17,7 @@ exports[`Preview(as Form) snapshot 1`] = `
           style="display: flex; align-items: center;"
         >
           <button
-            class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
+            class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
             type="button"
           >
             <span
@@ -28,7 +28,7 @@ exports[`Preview(as Form) snapshot 1`] = `
             
           </button>
           <span
-            class="ant-typography css-dev-only-do-not-override-1m63z2v"
+            class="ant-typography css-dev-only-do-not-override-18afz5u"
             style="color: rgb(255, 255, 255); font-size: 14px; margin: 8px;"
           >
             <strong>
@@ -37,7 +37,7 @@ exports[`Preview(as Form) snapshot 1`] = `
             </strong>
           </span>
           <button
-            class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
+            class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
             type="button"
           >
             <span
@@ -131,7 +131,7 @@ exports[`Preview(as Viewer) snapshot 1`] = `
           style="display: flex; align-items: center;"
         >
           <button
-            class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
+            class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
             type="button"
           >
             <span
@@ -142,7 +142,7 @@ exports[`Preview(as Viewer) snapshot 1`] = `
             
           </button>
           <span
-            class="ant-typography css-dev-only-do-not-override-1m63z2v"
+            class="ant-typography css-dev-only-do-not-override-18afz5u"
             style="color: rgb(255, 255, 255); font-size: 14px; margin: 8px;"
           >
             <strong>
@@ -151,7 +151,7 @@ exports[`Preview(as Viewer) snapshot 1`] = `
             </strong>
           </span>
           <button
-            class="ant-btn css-dev-only-do-not-override-1m63z2v ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
+            class="ant-btn css-dev-only-do-not-override-18afz5u ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only"
             type="button"
           >
             <span