2 files changed, 6 insertions, 6 deletions
diff --git a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html
index 1bff1aba1..a925b4534 100644
--- a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html
+++ b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html
@@ -34,8 +34,8 @@ limitations under the License.
 <mat-card class="CBAform">
   <mat-card-content>
     <mat-horizontal-stepper [linear]=true #stepper (selectionChange)="changeRoute($event)">
-      <a *ngFor="let routeLink of routeLinks; let i = index;">
-          <mat-step>
+      <a *ngFor="let routeLink of stepsRequired; let i = index;">
+          <mat-step style="display: none;">
               <ng-template matStepLabel>{{routeLink.label}}
               </ng-template>
             </mat-step>
diff --git a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts
index fed75d75f..9373fac7f 100644
--- a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts
+++ b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts
@@ -30,7 +30,7 @@ import { GlobalContants } from '../../../constants/app-constants';
   styleUrls: ['./cbawizard.component.scss']
 })
 export class CBAWizardComponent implements OnInit {
-  @Input() stepsRequired: any;
+  @Input() stepsRequired: any[];
   @ViewChild('stepper') stepper: MatStepper;
   @Output() stepChanged = new EventEmitter();
   public stepDetails = GlobalContants.cbawizard.stepsRequired.steps;
@@ -38,7 +38,7 @@ export class CBAWizardComponent implements OnInit {
   activeLinkIndex = -1;
 
 
-  constructor(private router: Router) { 
+  constructor(private router: Router) {
     this.routeLinks = [
       {
           label: 'CBA Metadata',
@@ -66,7 +66,7 @@ export class CBAWizardComponent implements OnInit {
   //     this.activeLinkIndex = this.routeLinks.indexOf(this.routeLinks.find(tab => tab.link === this.router.url));
   //     this.stepper.selectedIndex = this.activeLinkIndex; 
   // });
-   this.routeLinks.forEach((step, index)=>{
+   this.stepsRequired.forEach((step, index)=>{
     if(step.link == this.router.url) {
       this.stepper.selectedIndex = step.index
     }
@@ -74,7 +74,7 @@ export class CBAWizardComponent implements OnInit {
   }
 
   changeRoute(event){
-    this.routeLinks.forEach((step, index)=>{
+    this.stepsRequired.forEach((step, index)=>{
       if(index == event.selectedIndex) {
         this.router.navigate([step.link]);
       }