diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 94c0b169e47ee092b2a29de4b85384b9cc5220c5..bda91a61c565b455bba019094e83a0022033a6ee 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -2925,37 +2925,37 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
             >
               <span
                 class="ant-slider-mark-text ant-slider-mark-text-active"
-                style="width:18%;margin-left:-9%;left:0%"
+                style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 A
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:20%"
+                style="left:20%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 B
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:40%"
+                style="left:40%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 C
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:60%"
+                style="left:60%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 D
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:80%"
+                style="left:80%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 E
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:100%"
+                style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 F
               </span>
diff --git a/components/grid/__tests__/__snapshots__/demo.test.js.snap b/components/grid/__tests__/__snapshots__/demo.test.js.snap
index 8c2c86ea520a7e7d360c732ce15772a099e531d2..0a039ed26cb53c14f89a22e853584677713f79d0 100644
--- a/components/grid/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/grid/__tests__/__snapshots__/demo.test.js.snap
@@ -525,37 +525,37 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
         >
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:0%"
+            style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             8
           </span>
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:20%"
+            style="left:20%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             16
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:40%"
+            style="left:40%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             24
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:60%"
+            style="left:60%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             32
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:80%"
+            style="left:80%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             40
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:100%"
+            style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             48
           </span>
@@ -623,37 +623,37 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
         >
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:0%"
+            style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             2
           </span>
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:20%"
+            style="left:20%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             3
           </span>
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:40%"
+            style="left:40%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             4
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:60%"
+            style="left:60%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             6
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:80%"
+            style="left:80%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             8
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:100%"
+            style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             12
           </span>
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index bcfce57b5e7272440efaa9dc9a8d09a91eba8e75..4c80bc72abf33db3c058f89351896cf257db9b9b 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -508,25 +508,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C
@@ -589,25 +589,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C
@@ -659,25 +659,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C
@@ -733,25 +733,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C
@@ -807,25 +807,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C
diff --git a/package.json b/package.json
index e5826e6fb05f72730e9a7d935281f5c8d96b878e..b6a05e1d04591854c482d368b6f8216cfa82b2ef 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "rc-progress": "~2.3.0",
     "rc-rate": "~2.5.0",
     "rc-select": "^8.6.7",
-    "rc-slider": "~8.6.3",
+    "rc-slider": "~8.6.5",
     "rc-steps": "~3.3.0",
     "rc-switch": "~1.9.0",
     "rc-table": "~6.4.0",