diff --git a/src/app/components/steps/steps.ts b/src/app/components/steps/steps.ts
index c7a627706de..9aeee78bda8 100755
--- a/src/app/components/steps/steps.ts
+++ b/src/app/components/steps/steps.ts
@@ -22,6 +22,7 @@ import { Subscription } from 'rxjs';
                     [ngStyle]="item.style"
                     [class]="item.styleClass"
                     role="presentation"
+                    [attr.id]="item.id"
                     pTooltip
                     [tooltipOptions]="item.tooltipOptions"
                     [ngClass]="{ 'p-highlight p-steps-current': isActive(item, i), 'p-disabled': item.disabled || (readonly && !isActive(item, i)) }"
@@ -38,7 +39,6 @@ import { Subscription } from 'rxjs';
                         (click)="onItemClick($event, item, i)"
                         (keydown)="onItemKeydown($event, item, i)"
                         [target]="item.target"
-                        [attr.id]="item.id"
                         [attr.tabindex]="getItemTabIndex(item, i)"
                         [attr.aria-selected]="i === activeIndex"
                         [attr.aria-expanded]="i === activeIndex"
@@ -63,7 +63,6 @@ import { Subscription } from 'rxjs';
                             (click)="onItemClick($event, item, i)"
                             (keydown)="onItemKeydown($event, item, i)"
                             [target]="item.target"
-                            [attr.id]="item.id"
                             [attr.tabindex]="getItemTabIndex(item, i)"
                             [attr.aria-selected]="i === activeIndex"
                             [attr.aria-expanded]="i === activeIndex"