diff --git a/.dumi/theme/builtins/Previewer/index.tsx b/.dumi/theme/builtins/Previewer/index.tsx
index e36c556112..83a5b56a07 100644
--- a/.dumi/theme/builtins/Previewer/index.tsx
+++ b/.dumi/theme/builtins/Previewer/index.tsx
@@ -10,8 +10,9 @@ const Previewer = React.lazy(() => import('./Previewer'));
 const useStyle = createStyles(({ css }) => ({
   skeletonWrapper: css`
     width: 100% !important;
-    height: 500px;
+    height: 250px;
     margin-bottom: 16px;
+    border-radius: 8px;
   `,
 }));
 
diff --git a/.dumi/theme/common/Loading.tsx b/.dumi/theme/common/Loading.tsx
index 912bd7cb37..cf1ff79613 100644
--- a/.dumi/theme/common/Loading.tsx
+++ b/.dumi/theme/common/Loading.tsx
@@ -11,10 +11,16 @@ const Loading: React.FC = () => {
     pathname.startsWith('/changelog')
   ) {
     return (
-      <Space direction="vertical" style={{ width: '100%', marginTop: 24 }} size={40}>
-        <Skeleton title={false} active paragraph={{ rows: 3 }} />
+      <div style={{ maxWidth: '70vw', width: '100%', margin: '80px auto 0', textAlign: 'center' }}>
+        <img
+          src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
+          width={40}
+          alt="loading"
+          style={{ marginBottom: 24, filter: 'grayscale(1)', opacity: 0.33 }}
+        />
         <Skeleton active paragraph={{ rows: 3 }} />
-      </Space>
+        <Skeleton active paragraph={{ rows: 4 }} style={{ marginTop: 32 }} />
+      </div>
     );
   }
 
diff --git a/.dumi/theme/common/styles/Demo.tsx b/.dumi/theme/common/styles/Demo.tsx
index d521579763..9476e49a05 100644
--- a/.dumi/theme/common/styles/Demo.tsx
+++ b/.dumi/theme/common/styles/Demo.tsx
@@ -39,7 +39,7 @@ const GlobalDemoStyles: React.FC = () => {
 
           .code-box-demo {
             background-color: ${token.colorBgContainer};
-            border-radius: ${token.borderRadius}px ${token.borderRadius}px 0 0;
+            border-radius: ${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0;
             > .demo {
               overflow: auto;
             }
@@ -85,10 +85,6 @@ const GlobalDemoStyles: React.FC = () => {
             transition: background-color 0.4s;
             margin-inline-start: 16px;
 
-            ${antCls}-row-rtl & {
-              border-radius: ${token.borderRadius}px 0 0 ${token.borderRadius}px;
-            }
-
             a,
             a:hover {
               color: ${token.colorText};