diff --git a/components/steps/style/index.less b/components/steps/style/index.less
index 99df0dcfb2..a46bd4af7e 100644
--- a/components/steps/style/index.less
+++ b/components/steps/style/index.less
@@ -108,7 +108,7 @@
     line-height: @steps-icon-size;
     &::after {
       position: absolute;
-      top: (@steps-icon-size / 2);
+      top: (@steps-icon-size / 2)px;
       left: 100%;
       display: block;
       width: 9999px;
diff --git a/components/tooltip/style/index.less b/components/tooltip/style/index.less
index 6e20dbb972..9511acdd1b 100644
--- a/components/tooltip/style/index.less
+++ b/components/tooltip/style/index.less
@@ -96,7 +96,7 @@
 
     &::before {
       box-shadow: @tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
-      transform: translateY(-@tooltip-arrow-rotate-width / 2) rotate(45deg);
+      transform: translateY((-@tooltip-arrow-rotate-width / 2)) rotate(45deg);
     }
   }
 
@@ -144,7 +144,7 @@
 
     &::before {
       box-shadow: @tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
-      transform: translateX(-@tooltip-arrow-rotate-width / 2) rotate(45deg);
+      transform: translateX((-@tooltip-arrow-rotate-width / 2)) rotate(45deg);
     }
   }
 
@@ -168,7 +168,7 @@
 
     &::before {
       box-shadow: -@tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
-      transform: translateY(@tooltip-arrow-rotate-width / 2) rotate(45deg);
+      transform: translateY((@tooltip-arrow-rotate-width / 2)) rotate(45deg);
     }
   }