diff --git a/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.html b/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.html
index d1e7f8c7ec..c1a956acec 100644
--- a/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.html
+++ b/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.html
@@ -8,10 +8,12 @@
                 [taskId]="taskId"
                 (cancelClick)="goBack()"
                 (taskCompleted)="onTaskCompleted()"
+                (taskClaimed)="onTaskClaimed()"
+                (taskUnclaimed)="onTaskUnclaimed()"
                 (formSaved)="onFormSaved()">
             </adf-cloud-task-form>
         </div>
-        <adf-cloud-task-header fxFlex
+        <adf-cloud-task-header #taskHeader fxFlex
             [appName]="appName"
             [taskId]="taskId">
         </adf-cloud-task-header>
diff --git a/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.ts b/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.ts
index 95eefeaebe..9a724895e5 100644
--- a/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.ts
+++ b/demo-shell/src/app/components/cloud/task-details-cloud-demo.component.ts
@@ -15,9 +15,10 @@
  * limitations under the License.
  */
 
-import { Component } from '@angular/core';
+import { Component, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { NotificationService } from '@alfresco/adf-core';
+import { TaskHeaderCloudComponent } from '@alfresco/adf-process-services-cloud';
 
 @Component({
     templateUrl: './task-details-cloud-demo.component.html',
@@ -25,6 +26,9 @@ import { NotificationService } from '@alfresco/adf-core';
 })
 export class TaskDetailsCloudDemoComponent {
 
+    @ViewChild('taskHeader')
+    taskHeader: TaskHeaderCloudComponent;
+
     taskId: string;
     appName: string;
 
@@ -54,6 +58,14 @@ export class TaskDetailsCloudDemoComponent {
         this.goBack();
     }
 
+    onTaskClaimed() {
+        this.taskHeader.ngOnInit();
+    }
+
+    onTaskUnclaimed() {
+        this.taskHeader.ngOnInit();
+    }
+
     onFormContentClicked(resourceId) {
         this.router.navigate([`/cloud/${this.appName}/task-details/${this.taskId}/files/${resourceId.nodeId}/view`]);
     }