diff --git a/components/steps/style/custom-icon.less b/components/steps/style/custom-icon.less
index d2ec7ce95c..16100ccb05 100644
--- a/components/steps/style/custom-icon.less
+++ b/components/steps/style/custom-icon.less
@@ -7,6 +7,7 @@
     > .@{steps-prefix-cls}-icon {
       font-size: @steps-icon-size;
       top: 1px;
+      left: 0.5px;
       width: @steps-icon-size;
       height: @steps-icon-size;
     }
diff --git a/components/steps/style/index.less b/components/steps/style/index.less
index e8c234cc9f..fd2033c273 100644
--- a/components/steps/style/index.less
+++ b/components/steps/style/index.less
@@ -102,17 +102,14 @@
       transition: background .3s;
     }
   }
-  &-content {
-    margin-top: 3px;
-  }
   &-title {
     font-size: @font-size-lg;
-    margin-bottom: 4px;
     color: #666;
     font-weight: bold;
     display: inline-block;
     padding-right: 10px;
     position: relative;
+    line-height: @steps-icon-size;
     &:after {
       content: '';
       height: 1px;
@@ -120,13 +117,14 @@
       background: @wait-tail-color;
       display: block;
       position: absolute;
-      top: 0.66em;
+      top: @steps-icon-size / 2;
       left: 100%;
     }
   }
   &-description {
     font-size: @font-size-base;
     color: @text-color-secondary;
+    margin-top: 4px;
   }
   .step-item-status(wait);
   .step-item-status(process);
diff --git a/components/steps/style/progress-dot.less b/components/steps/style/progress-dot.less
index b214349f22..b3abcd644b 100644
--- a/components/steps/style/progress-dot.less
+++ b/components/steps/style/progress-dot.less
@@ -5,7 +5,6 @@
       top: 1px;
       margin: 0 0 0 @steps-desciption-max-width / 2;
       padding: 0;
-
       &:after {
         height: 3px;
       }
@@ -17,20 +16,35 @@
       line-height: @steps-dot-size;
       border: 0;
       margin-left: 58px;
+      background: transparent;
       .@{steps-prefix-cls}-icon-dot {
         float: left;
         width: 100%;
         height: 100%;
-        border-radius: @steps-dot-size / 2;
+        border-radius: 100px;
+        position: relative;
+        transition: all .3s;
+        /* expand hover area */
+        &:after {
+          content: "";
+          background: rgba(0, 0, 0, .001);
+          width: 60px;
+          height: 32px;
+          position: absolute;
+          top: -12px;
+          left: -26px;
+        }
+      }
+      &:hover .@{steps-prefix-cls}-icon-dot {
+        transform: scale(1.3);
       }
     }
-    &-process &-icon {
-      top: -1px;
+    &-process .@{steps-prefix-cls}-item-icon {
       width: @steps-current-dot-size;
       height: @steps-current-dot-size;
       line-height: @steps-current-dot-size;
       .@{steps-prefix-cls}-icon-dot {
-        border-radius: @steps-current-dot-size / 2;
+        top: -1px;
       }
     }
   }
diff --git a/components/steps/style/small.less b/components/steps/style/small.less
index 84210fd0a6..cf0ab325ce 100644
--- a/components/steps/style/small.less
+++ b/components/steps/style/small.less
@@ -7,21 +7,13 @@
     border-radius: @steps-small-icon-size;
     font-size: @font-size-base;
     margin-right: 10px;
-    > .@{steps-prefix-cls}-icon {
-      font-size: @font-size-base;
-      font-size: ~"9px \9"; // ie8-9
-      transform: scale(.75);
-      top: -1px;
-    }
-  }
-  .@{steps-prefix-cls}-item-content {
-    margin-top: 0;
   }
   .@{steps-prefix-cls}-item-title {
     font-size: @font-size-base;
-    margin-bottom: 4px;
-    color: #666;
-    font-weight: bold;
+    line-height: @steps-small-icon-size;
+    &:after {
+      top: @steps-small-icon-size / 2;
+    }
   }
   .@{steps-prefix-cls}-item-description {
     font-size: @font-size-base;
@@ -30,13 +22,7 @@
   .@{steps-prefix-cls}-item-tail {
     top: 8px;
     padding: 0 8px;
-    &:after {
-      height: 1px;
-      border-radius: 1px;
-      width: 100%;
-    }
   }
-
   .@{steps-prefix-cls}-item-custom .@{steps-prefix-cls}-item-icon {
     width: inherit;
     height: inherit;