diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index e57890c0e8..93aa9fe069 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -180777,8 +180777,8 @@ exports[`csr snapshot test > csr test src/statistic/_example/combination.jsx 1`]
     />
     <div>
       <div
-        class="t-space t-space-horizontal"
-        style="gap: 100px; flex-wrap: wrap;"
+        class="t-space t-space-horizontal t-space--break-line"
+        style="gap: 100px;"
       >
         <div
           class="t-space-item"
@@ -181083,8 +181083,8 @@ exports[`csr snapshot test > csr test src/statistic/_example/combination.jsx 1`]
   </body>,
   "container": <div>
     <div
-      class="t-space t-space-horizontal"
-      style="gap: 100px; flex-wrap: wrap;"
+      class="t-space t-space-horizontal t-space--break-line"
+      style="gap: 100px;"
     >
       <div
         class="t-space-item"
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index fc23d967ba..808bb13185 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -840,7 +840,7 @@ exports[`ssr snapshot test > ssr test src/statistic/_example/base.jsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/statistic/_example/color.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:black\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-brand-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-error-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-warning-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-success-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/statistic/_example/combination.jsx 1`] = `"<div style=\\"gap:100px;flex-wrap:wrap\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><i style=\\"font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:var(--td-radius-medium);padding:12px\\" class=\\"t-icon t-icon-chart\\"></i></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span><span class=\\"t-statistic-content-suffix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">52.18</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><i style=\\"font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:50%;padding:12px\\" class=\\"t-icon t-icon-internet\\"></i></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered t-card--shadow-hover\\"><div class=\\"t-card__header t-card__title--bordered\\"><div class=\\"t-card__header-wrapper\\"><div><div class=\\"t-card__title\\">Yesterday traffic</div></div></div></div><div class=\\"t-card__body\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Voice duration</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">789</span><span class=\\"t-statistic-content-unit\\">minute</span></div><div class=\\"t-statistic-extra\\">the day before 9%</div></div></div><div class=\\"t-space-item-separator\\"><div class=\\"t-divider t-divider--vertical\\" style=\\"height:100%\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total number of voice DAUs</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-error-color)\\"><span class=\\"t-statistic-content-value\\">188</span></div><div class=\\"t-statistic-extra\\"><div style=\\"gap:0px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><span>the day before<i style=\\"color:#d54941\\" class=\\"t-icon t-icon-arrow-up\\"></i>9%</span></div><div class=\\"t-space-item\\"><span>last week<i style=\\"color:#2ba471\\" class=\\"t-icon t-icon-arrow-down\\"></i>9%</span></div></div></div></div></div><div class=\\"t-space-item-separator\\"><div class=\\"t-divider t-divider--vertical\\" style=\\"height:100%\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-success-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">52.18</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/statistic/_example/combination.jsx 1`] = `"<div style=\\"gap:100px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><i style=\\"font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:var(--td-radius-medium);padding:12px\\" class=\\"t-icon t-icon-chart\\"></i></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">82.76</span><span class=\\"t-statistic-content-unit\\">%</span><span class=\\"t-statistic-content-suffix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-up-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 2 4.5 12H9v10h6V12z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-align-center t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">52.18</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div><div class=\\"t-space-item\\"><i style=\\"font-size:32px;color:var(--td-brand-color);background:var(--td-brand-color-light);border-radius:50%;padding:12px\\" class=\\"t-icon t-icon-internet\\"></i></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered t-card--shadow-hover\\"><div class=\\"t-card__header t-card__title--bordered\\"><div class=\\"t-card__header-wrapper\\"><div><div class=\\"t-card__title\\">Yesterday traffic</div></div></div></div><div class=\\"t-card__body\\"><div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Voice duration</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">789</span><span class=\\"t-statistic-content-unit\\">minute</span></div><div class=\\"t-statistic-extra\\">the day before 9%</div></div></div><div class=\\"t-space-item-separator\\"><div class=\\"t-divider t-divider--vertical\\" style=\\"height:100%\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total number of voice DAUs</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-error-color)\\"><span class=\\"t-statistic-content-value\\">188</span></div><div class=\\"t-statistic-extra\\"><div style=\\"gap:0px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><span>the day before<i style=\\"color:#d54941\\" class=\\"t-icon t-icon-arrow-up\\"></i>9%</span></div><div class=\\"t-space-item\\"><span>last week<i style=\\"color:#2ba471\\" class=\\"t-icon t-icon-arrow-down\\"></i>9%</span></div></div></div></div></div><div class=\\"t-space-item-separator\\"><div class=\\"t-divider t-divider--vertical\\" style=\\"height:100%\\"></div></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Total Assets</div><div class=\\"t-statistic-content\\" style=\\"color:var(--td-success-color)\\"><span class=\\"t-statistic-content-prefix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-triangle-down-filled\\"><path fill=\\"currentColor\\" d=\\"M15 12h4.5L12 22 4.5 12H9V2h6v10z\\"></path></svg></span><span class=\\"t-statistic-content-value\\">52.18</span><span class=\\"t-statistic-content-unit\\">%</span></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/statistic/_example/loading.jsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><button type=\\"button\\" role=\\"switch\\" class=\\"t-switch t-size-l\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content\\"></div></button></div><div class=\\"t-space-item\\"><div class=\\"t-statistic\\"><div class=\\"t-statistic-title\\">Downloads</div><div class=\\"t-statistic-content\\"><span class=\\"t-statistic-content-value\\">123,456</span></div></div></div></div>"`;