diff --git a/src/Client/src/app/pages/main/jobs/new/jobnew.component.ts b/src/Client/src/app/pages/main/jobs/new/jobnew.component.ts
index 793424d..62324e2 100644
--- a/src/Client/src/app/pages/main/jobs/new/jobnew.component.ts
+++ b/src/Client/src/app/pages/main/jobs/new/jobnew.component.ts
@@ -42,6 +42,13 @@ export class JobNewComponent {
   };
 
   ngAfterViewInit(){
+    this.formSteps.changes.subscribe(() => {
+      this.updateUI();
+    });
+    this.updateUI();
+  }
+
+  updateUI(){
     this.formSteps.forEach((step: ElementRef<HTMLDivElement>, i: number) => {
       if (i === this.currentStep) {
         step.nativeElement.style.left = '0%';
@@ -55,28 +62,12 @@ export class JobNewComponent {
 
   nextStep(){
     this.currentStep += 1;
-    this.formSteps.forEach((step: ElementRef<HTMLDivElement>, i: number) => {
-      if (i === this.currentStep) {
-        step.nativeElement.style.left = '0%';
-      } else if (i < this.currentStep) {
-        step.nativeElement.style.left = '-100%';
-      } else {
-        step.nativeElement.style.left = '100%';
-      }
-    });
+    this.updateUI();
   }
 
   prevStep(){
     this.currentStep -= 1;
-    this.formSteps.forEach((step: ElementRef<HTMLDivElement>, i: number) => {
-      if (i === this.currentStep) {
-        step.nativeElement.style.left = '0%';
-      } else if (i < this.currentStep) {
-        step.nativeElement.style.left = '-100%';
-      } else {
-        step.nativeElement.style.left = '100%';
-      }
-    });
+    this.updateUI();
   }
 
   PostJobListing(jobListing: JobListing){