diff --git a/packages/field/src/components/RangePicker/index.tsx b/packages/field/src/components/RangePicker/index.tsx
index cb863868c47b..916e717a2dca 100644
--- a/packages/field/src/components/RangePicker/index.tsx
+++ b/packages/field/src/components/RangePicker/index.tsx
@@ -70,6 +70,7 @@ const FieldRangePicker: ProFieldFC<
         style={{
           display: 'flex',
           flexWrap: 'wrap',
+          gap: 8,
           alignItems: 'center',
         }}
       >
diff --git a/tests/descriptions/__snapshots__/demo.test.ts.snap b/tests/descriptions/__snapshots__/demo.test.ts.snap
index 0625dfc4264b..7814cecd50d9 100644
--- a/tests/descriptions/__snapshots__/demo.test.ts.snap
+++ b/tests/descriptions/__snapshots__/demo.test.ts.snap
@@ -699,7 +699,7 @@ exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/bas
                     style="min-width: 0;"
                   >
                     <div
-                      style="display: flex; flex-wrap: wrap; align-items: center;"
+                      style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                     >
                       <div>
                         2016-11-21 15:22:44
@@ -3362,7 +3362,7 @@ exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/for
                     style="min-width: 0;"
                   >
                     <div
-                      style="display: flex; flex-wrap: wrap; align-items: center;"
+                      style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                     >
                       <div>
                         2016.11.21 15:22:44
diff --git a/tests/field/__snapshots__/demo.test.ts.snap b/tests/field/__snapshots__/demo.test.ts.snap
index 81590a80f810..fbf25ef93a7c 100644
--- a/tests/field/__snapshots__/demo.test.ts.snap
+++ b/tests/field/__snapshots__/demo.test.ts.snap
@@ -1184,7 +1184,7 @@ exports[`field demos > 📸 renders ./packages/field/src/demos/base.tsx correctl
                     class="ant-descriptions-item-content"
                   >
                     <div
-                      style="display: flex; flex-wrap: wrap; align-items: center;"
+                      style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                     >
                       <div>
                         2019-11-15
@@ -1212,7 +1212,7 @@ exports[`field demos > 📸 renders ./packages/field/src/demos/base.tsx correctl
                     class="ant-descriptions-item-content"
                   >
                     <div
-                      style="display: flex; flex-wrap: wrap; align-items: center;"
+                      style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                     >
                       <div>
                         2019-11-15 12:50:26
diff --git a/tests/field/__snapshots__/field.test.tsx.snap b/tests/field/__snapshots__/field.test.tsx.snap
index e8964d65996d..65889649fffb 100644
--- a/tests/field/__snapshots__/field.test.tsx.snap
+++ b/tests/field/__snapshots__/field.test.tsx.snap
@@ -3207,7 +3207,7 @@ exports[`Field > 🐴 read and plain 1`] = `
                   class="ant-descriptions-item-content"
                 >
                   <div
-                    style="display: flex; flex-wrap: wrap; align-items: center;"
+                    style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                   >
                     <div>
                       2019-11-15
@@ -3487,7 +3487,7 @@ exports[`Field > 🐴 read and plain 1`] = `
                   class="ant-descriptions-item-content"
                 >
                   <div
-                    style="display: flex; flex-wrap: wrap; align-items: center;"
+                    style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                   >
                     <div>
                       2019-11-15 12:50:26
@@ -3515,7 +3515,7 @@ exports[`Field > 🐴 read and plain 1`] = `
                   class="ant-descriptions-item-content"
                 >
                   <div
-                    style="display: flex; flex-wrap: wrap; align-items: center;"
+                    style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                   >
                     <div>
                       2019-11-15 12:50:26
@@ -3792,7 +3792,7 @@ exports[`Field > 🐴 read ant no plain 1`] = `
                   class="ant-descriptions-item-content"
                 >
                   <div
-                    style="display: flex; flex-wrap: wrap; align-items: center;"
+                    style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                   >
                     <div>
                       2019-11-15
@@ -4041,7 +4041,7 @@ exports[`Field > 🐴 read ant no plain 1`] = `
                   class="ant-descriptions-item-content"
                 >
                   <div
-                    style="display: flex; flex-wrap: wrap; align-items: center;"
+                    style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                   >
                     <div>
                       2019-11-15 12:50:26
@@ -4069,7 +4069,7 @@ exports[`Field > 🐴 read ant no plain 1`] = `
                   class="ant-descriptions-item-content"
                 >
                   <div
-                    style="display: flex; flex-wrap: wrap; align-items: center;"
+                    style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                   >
                     <div>
                       2019-11-15 12:50:26
diff --git a/tests/form/__snapshots__/demo.test.ts.snap b/tests/form/__snapshots__/demo.test.ts.snap
index 962d6b0d4c04..a8713e764e4a 100644
--- a/tests/form/__snapshots__/demo.test.ts.snap
+++ b/tests/form/__snapshots__/demo.test.ts.snap
@@ -6554,7 +6554,7 @@ exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            style="display: flex; flex-wrap: wrap; align-items: center;"
+                            style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                           >
                             <div>
                               2016-11-22
@@ -6599,7 +6599,7 @@ exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos
                           class="ant-form-item-control-input-content"
                         >
                           <div
-                            style="display: flex; flex-wrap: wrap; align-items: center;"
+                            style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                           >
                             <div>
                               2016-11-22 15:22:44
diff --git a/tests/table/__snapshots__/demo.test.ts.snap b/tests/table/__snapshots__/demo.test.ts.snap
index ba5c51d7065d..8962849bd907 100644
--- a/tests/table/__snapshots__/demo.test.ts.snap
+++ b/tests/table/__snapshots__/demo.test.ts.snap
@@ -49456,7 +49456,7 @@ exports[`table demos > 📸 renders ./packages/table/src/demos/valueTypeDate.tsx
                               class="ant-table-cell"
                             >
                               <div
-                                style="display: flex; flex-wrap: wrap; align-items: center;"
+                                style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                               >
                                 <div>
                                   2016-11-22
@@ -49470,7 +49470,7 @@ exports[`table demos > 📸 renders ./packages/table/src/demos/valueTypeDate.tsx
                               class="ant-table-cell"
                             >
                               <div
-                                style="display: flex; flex-wrap: wrap; align-items: center;"
+                                style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                               >
                                 <div>
                                   2016-11-22 15:22:42
@@ -49524,7 +49524,7 @@ exports[`table demos > 📸 renders ./packages/table/src/demos/valueTypeDate.tsx
                               class="ant-table-cell"
                             >
                               <div
-                                style="display: flex; flex-wrap: wrap; align-items: center;"
+                                style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                               >
                                 <div>
                                   2016-11-22
@@ -49538,7 +49538,7 @@ exports[`table demos > 📸 renders ./packages/table/src/demos/valueTypeDate.tsx
                               class="ant-table-cell"
                             >
                               <div
-                                style="display: flex; flex-wrap: wrap; align-items: center;"
+                                style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center;"
                               >
                                 <div>
                                   2016-11-22 15:22:42