diff --git a/ui/src/app/shared/workflow/node/hook/form/hook.form.html b/ui/src/app/shared/workflow/node/hook/form/hook.form.html
index 642509a387..396201da74 100644
--- a/ui/src/app/shared/workflow/node/hook/form/hook.form.html
+++ b/ui/src/app/shared/workflow/node/hook/form/hook.form.html
@@ -35,7 +35,7 @@ <h3>{{ 'workflow_node_hook_form_config' | translate }}</h3>
                     <div class="inline fields" *ngFor="let k of hook.config | keys">
                         <div class="four wide field"><label>{{k}}</label></div>
                         <div class="twelve wide field">
-                          <input type="text" [(ngModel)]="_hook.config[k].value" [readonly]="!_hook.config[k].configurable || readonly" *ngIf="k !== 'payload' && _hook.config[k].type ==='string'">
+                          <input type="text" [(ngModel)]="_hook.config[k].value" [readonly]="!_hook.config[k].configurable || readonly" *ngIf="k !== 'payload' && (_hook.config[k].type === 'string' || !_hook.config[k].type)">
                           <ng-container *ngIf="k === 'payload' && _hook.config[k].type === 'string'">
                               <codemirror
                                 [class.invalid]="invalidJSON"
@@ -45,17 +45,17 @@ <h3>{{ 'workflow_node_hook_form_config' | translate }}</h3>
                                 #textareaCodeMirror>
                               </codemirror>
                           </ng-container>
-                            <ng-container *ngIf="_hook.config[k].type==='platform'">
-                                <sui-select class="selection" placeholder="{{'platform_name' | translate}}"
-                                            [(ngModel)]="_hook.config[k].value"
-                                            [options]="project.platforms"
-                                            [isSearchable]="true"
-                                            labelField="name"
-                                            valueField="name" #select>
-                                    <sui-select-option *ngFor="let option of select.filteredOptions" [value]="option">{{option.name}}
-                                    </sui-select-option>
-                                </sui-select>
-                            </ng-container>
+                          <ng-container *ngIf="_hook.config[k].type === 'platform'">
+                              <sui-select class="selection" placeholder="{{'platform_name' | translate}}"
+                                          [(ngModel)]="_hook.config[k].value"
+                                          [options]="project.platforms"
+                                          [isSearchable]="true"
+                                          labelField="name"
+                                          valueField="name" #select>
+                                  <sui-select-option *ngFor="let option of select.filteredOptions" [value]="option">{{option.name}}
+                                  </sui-select-option>
+                              </sui-select>
+                          </ng-container>
                         </div>
                     </div>
                 </ng-container>
diff --git a/ui/src/app/views/pipeline/show/workflow/pipeline.workflow.component.ts b/ui/src/app/views/pipeline/show/workflow/pipeline.workflow.component.ts
index c3f5b02d4a..1a3cb4f2d8 100644
--- a/ui/src/app/views/pipeline/show/workflow/pipeline.workflow.component.ts
+++ b/ui/src/app/views/pipeline/show/workflow/pipeline.workflow.component.ts
@@ -209,11 +209,13 @@ export class PipelineWorkflowComponent implements OnInit, OnDestroy {
 
         switch (event.type) {
             case 'update':
-                this._pipelineStore.updateJob(this.project.key, this.pipeline.name, this.selectedStage.id, job).subscribe(() => {
+                this._pipelineStore.updateJob(this.project.key, this.pipeline.name, this.selectedStage.id, job).subscribe((pip) => {
                     this._toast.success('', this._translate.instant('stage_job_updated'));
                     job.action.loading = false;
                     job.action.hasChanged = false;
-
+                    this.pipeline = pip;
+                    this.selectedStage = this.pipeline.stages.find((s) => this.selectedStage.id === s.id) || this.selectedStage;
+                    this.selectedJob = this.selectedStage.jobs.find((j) => this.selectedJob.action.id === j.action.id) || this.selectedJob;
                 }, () => {
                     job.action.loading = false;
                 });