diff --git a/components/steps/demo/progress-dot.ts b/components/steps/demo/progress-dot.ts
index 63f8a42b29f..7103ac29893 100644
--- a/components/steps/demo/progress-dot.ts
+++ b/components/steps/demo/progress-dot.ts
@@ -8,6 +8,14 @@ import { Component } from '@angular/core';
       <nz-step nzTitle="In Progress" nzDescription="This is a description."></nz-step>
       <nz-step nzTitle="Waiting" nzDescription="This is a description."></nz-step>
     </nz-steps>
+    <nz-divider></nz-divider>
+    <nz-steps [nzCurrent]="1" nzProgressDot nzDirection="vertical">
+      <nz-step nzTitle="Finished" nzDescription="This is a description. This is a description."></nz-step>
+      <nz-step nzTitle="Finished" nzDescription="This is a description. This is a description."></nz-step>
+      <nz-step nzTitle="In Progress" nzDescription="This is a description. This is a description."></nz-step>
+      <nz-step nzTitle="Waiting" nzDescription="This is a description."></nz-step>
+      <nz-step nzTitle="Waiting" nzDescription="This is a description."></nz-step>
+    </nz-steps>
   `
 })
 export class NzDemoStepsProgressDotComponent {}
diff --git a/components/steps/style/progress-dot.less b/components/steps/style/progress-dot.less
index 580c4afa69b..e74529da21a 100644
--- a/components/steps/style/progress-dot.less
+++ b/components/steps/style/progress-dot.less
@@ -1,4 +1,5 @@
-.@{steps-prefix-cls}-dot {
+.@{steps-prefix-cls}-dot,
+.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
   .@{steps-prefix-cls}-item {
     &-title {
       line-height: @line-height-base;
@@ -63,7 +64,8 @@
     margin-top: 8px;
     margin-left: 0;
   }
-  .@{steps-prefix-cls}-item-tail {
+  // https://github.com/ant-design/ant-design/issues/18354
+  .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
     top: 2px;
     left: -9px;
     margin: 0;
@@ -75,4 +77,4 @@
   .@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
     left: -2px;
   }
-}
+}
\ No newline at end of file