diff --git a/demo-shell/src/app/components/cloud/task-header-cloud-demo.component.html b/demo-shell/src/app/components/cloud/task-header-cloud-demo.component.html
index 521dfd0436..3bd0ad4e90 100644
--- a/demo-shell/src/app/components/cloud/task-header-cloud-demo.component.html
+++ b/demo-shell/src/app/components/cloud/task-header-cloud-demo.component.html
@@ -22,6 +22,6 @@
     <adf-cloud-task-header #taskHeader
                            [appName]="appName"
                            [taskId]="taskId"
-                           (taskError)="onError($event)">
+                           (error)="onError($event)">
     </adf-cloud-task-header>
 </div>
diff --git a/demo-shell/src/app/components/cloud/task-header-cloud-demo.component.ts b/demo-shell/src/app/components/cloud/task-header-cloud-demo.component.ts
index f43eccdfbd..dd43731278 100644
--- a/demo-shell/src/app/components/cloud/task-header-cloud-demo.component.ts
+++ b/demo-shell/src/app/components/cloud/task-header-cloud-demo.component.ts
@@ -17,7 +17,7 @@
 
 import { Component, ViewChild } from '@angular/core';
 import { TaskHeaderCloudComponent } from '@alfresco/adf-process-services-cloud';
-import { FormControl, Validators } from '@angular/forms';
+import { FormControl } from '@angular/forms';
 
 @Component({
     templateUrl: './task-header-cloud-demo.component.html',
@@ -32,8 +32,8 @@ export class TaskHeaderCloudDemoComponent {
 
     errorMessage;
 
-    appNameFormControl = new FormControl('', Validators.required);
-    taskIdFormControl = new FormControl('', Validators.required);
+    appNameFormControl = new FormControl('');
+    taskIdFormControl = new FormControl('');
 
     constructor() {}