diff --git a/src/loading.tsx b/src/loading.tsx
index fd4f25bb..d7da9944 100644
--- a/src/loading.tsx
+++ b/src/loading.tsx
@@ -1,7 +1,7 @@
 import { Skeleton } from 'antd';
 
 const Loading: React.FC = () => (
-  <Skeleton style={{ margin: '24px 40px', height: '60vh' }} active />
+  <Skeleton style={{ padding: '24px 40px', height: '60vh' }} active />
 );
 
 export default Loading;
diff --git a/src/pages/user/login/__snapshots__/login.test.tsx.snap b/src/pages/user/login/__snapshots__/login.test.tsx.snap
index ec4ab8f5..97afeaa8 100644
--- a/src/pages/user/login/__snapshots__/login.test.tsx.snap
+++ b/src/pages/user/login/__snapshots__/login.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Login Page should login success 1`] = `
 <DocumentFragment>
   <div
-    class="ant-app css-var-«r7»"
+    class="ant-app css-var-_r_7_"
   >
     <div
       class="acss-trkbkn"
@@ -77,14 +77,14 @@ exports[`Login Page should login success 1`] = `
           >
             <form
               autocomplete="off"
-              class="ant-form ant-form-vertical css-var-«r7» ant-form-css-var ant-pro-form"
+              class="ant-form ant-form-vertical css-var-_r_7_ ant-form-css-var ant-pro-form"
             >
               <input
                 style="display: none;"
                 type="text"
               />
               <div
-                class="ant-tabs ant-tabs-top ant-tabs-centered css-var-«r7» ant-tabs-css-var"
+                class="ant-tabs ant-tabs-top ant-tabs-centered css-var-_r_7_ ant-tabs-css-var"
               >
                 <div
                   aria-orientation="horizontal"
@@ -186,13 +186,13 @@ exports[`Login Page should login success 1`] = `
                 </div>
               </div>
               <div
-                class="ant-form-item css-var-«r7» ant-form-css-var ant-form-item-has-success ant-form-item-vertical"
+                class="ant-form-item css-var-_r_7_ ant-form-css-var ant-form-item-has-success ant-form-item-vertical"
               >
                 <div
-                  class="ant-row ant-form-item-row css-var-«r7»"
+                  class="ant-row ant-form-item-row css-var-_r_7_"
                 >
                   <div
-                    class="ant-col ant-form-item-control css-var-«r7»"
+                    class="ant-col ant-form-item-control css-var-_r_7_"
                   >
                     <div
                       class="ant-form-item-control-input"
@@ -201,7 +201,7 @@ exports[`Login Page should login success 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <span
-                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-status-success css-var-«r7» ant-input-css-var"
+                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-status-success css-var-_r_7_ ant-input-css-var"
                         >
                           <span
                             class="ant-input-prefix"
@@ -270,13 +270,13 @@ exports[`Login Page should login success 1`] = `
                 </div>
               </div>
               <div
-                class="ant-form-item css-var-«r7» ant-form-css-var ant-form-item-has-success ant-form-item-vertical"
+                class="ant-form-item css-var-_r_7_ ant-form-css-var ant-form-item-has-success ant-form-item-vertical"
               >
                 <div
-                  class="ant-row ant-form-item-row css-var-«r7»"
+                  class="ant-row ant-form-item-row css-var-_r_7_"
                 >
                   <div
-                    class="ant-col ant-form-item-control css-var-«r7»"
+                    class="ant-col ant-form-item-control css-var-_r_7_"
                   >
                     <div
                       class="ant-form-item-control-input"
@@ -285,7 +285,7 @@ exports[`Login Page should login success 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <span
-                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-status-success ant-input-password ant-input-password-large css-var-«r7» ant-input-css-var"
+                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-status-success ant-input-password ant-input-password-large css-var-_r_7_ ant-input-css-var"
                         >
                           <span
                             class="ant-input-prefix"
@@ -354,7 +354,7 @@ exports[`Login Page should login success 1`] = `
                 style="margin-bottom: 24px;"
               >
                 <label
-                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked css-var-«r7» ant-checkbox-css-var"
+                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked css-var-_r_7_ ant-checkbox-css-var"
                 >
                   <span
                     class="ant-checkbox ant-wave-target ant-checkbox-checked"
@@ -382,7 +382,7 @@ exports[`Login Page should login success 1`] = `
                 </a>
               </div>
               <button
-                class="ant-btn css-var-«r7» ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg"
+                class="ant-btn css-var-_r_7_ ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg"
                 style="width: 100%;"
                 type="button"
               >
@@ -458,7 +458,7 @@ exports[`Login Page should login success 1`] = `
         </div>
       </div>
       <footer
-        class="ant-layout-footer css-var-«r7»"
+        class="ant-layout-footer css-var-_r_7_"
         style="padding: 0px; background: none;"
       >
         <div
@@ -547,7 +547,7 @@ exports[`Login Page should login success 1`] = `
 exports[`Login Page should show login form 1`] = `
 <DocumentFragment>
   <div
-    class="ant-app css-var-«r0»"
+    class="ant-app css-var-_r_0_"
   >
     <div
       class="acss-trkbkn"
@@ -621,14 +621,14 @@ exports[`Login Page should show login form 1`] = `
           >
             <form
               autocomplete="off"
-              class="ant-form ant-form-vertical css-var-«r0» ant-form-css-var ant-pro-form"
+              class="ant-form ant-form-vertical css-var-_r_0_ ant-form-css-var ant-pro-form"
             >
               <input
                 style="display: none;"
                 type="text"
               />
               <div
-                class="ant-tabs ant-tabs-top ant-tabs-centered css-var-«r0» ant-tabs-css-var"
+                class="ant-tabs ant-tabs-top ant-tabs-centered css-var-_r_0_ ant-tabs-css-var"
               >
                 <div
                   aria-orientation="horizontal"
@@ -730,13 +730,13 @@ exports[`Login Page should show login form 1`] = `
                 </div>
               </div>
               <div
-                class="ant-form-item css-var-«r0» ant-form-css-var ant-form-item-vertical"
+                class="ant-form-item css-var-_r_0_ ant-form-css-var ant-form-item-vertical"
               >
                 <div
-                  class="ant-row ant-form-item-row css-var-«r0»"
+                  class="ant-row ant-form-item-row css-var-_r_0_"
                 >
                   <div
-                    class="ant-col ant-form-item-control css-var-«r0»"
+                    class="ant-col ant-form-item-control css-var-_r_0_"
                   >
                     <div
                       class="ant-form-item-control-input"
@@ -745,7 +745,7 @@ exports[`Login Page should show login form 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <span
-                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined css-var-«r0» ant-input-css-var"
+                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined css-var-_r_0_ ant-input-css-var"
                         >
                           <span
                             class="ant-input-prefix"
@@ -814,13 +814,13 @@ exports[`Login Page should show login form 1`] = `
                 </div>
               </div>
               <div
-                class="ant-form-item css-var-«r0» ant-form-css-var ant-form-item-vertical"
+                class="ant-form-item css-var-_r_0_ ant-form-css-var ant-form-item-vertical"
               >
                 <div
-                  class="ant-row ant-form-item-row css-var-«r0»"
+                  class="ant-row ant-form-item-row css-var-_r_0_"
                 >
                   <div
-                    class="ant-col ant-form-item-control css-var-«r0»"
+                    class="ant-col ant-form-item-control css-var-_r_0_"
                   >
                     <div
                       class="ant-form-item-control-input"
@@ -829,7 +829,7 @@ exports[`Login Page should show login form 1`] = `
                         class="ant-form-item-control-input-content"
                       >
                         <span
-                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-password ant-input-password-large css-var-«r0» ant-input-css-var"
+                          class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-password ant-input-password-large css-var-_r_0_ ant-input-css-var"
                         >
                           <span
                             class="ant-input-prefix"
@@ -897,7 +897,7 @@ exports[`Login Page should show login form 1`] = `
                 style="margin-bottom: 24px;"
               >
                 <label
-                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked css-var-«r0» ant-checkbox-css-var"
+                  class="ant-checkbox-wrapper ant-checkbox-wrapper-checked css-var-_r_0_ ant-checkbox-css-var"
                 >
                   <span
                     class="ant-checkbox ant-wave-target ant-checkbox-checked"
@@ -925,7 +925,7 @@ exports[`Login Page should show login form 1`] = `
                 </a>
               </div>
               <button
-                class="ant-btn css-var-«r0» ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg"
+                class="ant-btn css-var-_r_0_ ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg"
                 style="width: 100%;"
                 type="button"
               >
@@ -1001,7 +1001,7 @@ exports[`Login Page should show login form 1`] = `
         </div>
       </div>
       <footer
-        class="ant-layout-footer css-var-«r0»"
+        class="ant-layout-footer css-var-_r_0_"
         style="padding: 0px; background: none;"
       >
         <div