diff --git a/docs/process-services-cloud/components/edit-process-filter-cloud.component.md b/docs/process-services-cloud/components/edit-process-filter-cloud.component.md
index 75e8f53f5b..2ee1d99f5c 100644
--- a/docs/process-services-cloud/components/edit-process-filter-cloud.component.md
+++ b/docs/process-services-cloud/components/edit-process-filter-cloud.component.md
@@ -49,6 +49,7 @@ Shows/edits process filter details.
 | id | `string` |  | Id of the process instance filter. |
 | role | `string` | "" | roles to filter the apps |
 | showFilterActions | `boolean` | true | Toggles editing of process filter actions. |
+| showProcessFilterName | `boolean` | true | Toggles the appearance of the process filter name . |
 | showTitle | `boolean` | true | Toggles editing of the process filter title. |
 | sortProperties | `string[]` |  | List of sort properties to display. |
 
diff --git a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.html b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.html
index e502036de6..f81af0f99b 100644
--- a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.html
@@ -2,7 +2,7 @@
     <mat-expansion-panel (afterExpand)="onExpand()" (closed)="onClose()">
         <mat-expansion-panel-header *ngIf="processFilter" id="adf-edit-process-filter-expansion-header">
             <ng-container *ngIf="!isLoading; else loadingTemplate">
-                <mat-panel-title fxLayoutAlign="space-between center" id="adf-edit-process-filter-title-id">{{processFilter.name | translate}}</mat-panel-title>
+                <mat-panel-title *ngIf="showProcessFilterName" fxLayoutAlign="space-between center" id="adf-edit-process-filter-title-id">{{processFilter.name | translate}}</mat-panel-title>
                 <mat-panel-description fxLayoutAlign="space-between center" id="adf-edit-process-filter-sub-title-id">
                     <span *ngIf="showTitle"> {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.TITLE' | translate}}</span>
                     <div *ngIf="showActions()" class="adf-cloud-edit-process-filter-actions">
diff --git a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.spec.ts b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.spec.ts
index f59cf1bdda..94cc7f57e1 100644
--- a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.spec.ts
+++ b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.spec.ts
@@ -113,6 +113,7 @@ describe('EditProcessFilterCloudComponent', () => {
 
     it('should display filter name as title', async(() => {
         const processFilterIdChange = new SimpleChange(null, 'mock-process-filter-id', true);
+        component.showProcessFilterName = true;
         component.ngOnChanges({ 'id': processFilterIdChange });
         fixture.detectChanges();
         const title = fixture.debugElement.nativeElement.querySelector('#adf-edit-process-filter-title-id');
@@ -126,6 +127,18 @@ describe('EditProcessFilterCloudComponent', () => {
         });
     }));
 
+    it('should not display filter name as title if the flag is false', async(() => {
+        const processFilterIdChange = new SimpleChange(null, 'mock-process-filter-id', true);
+        component.showProcessFilterName = false;
+        component.ngOnChanges({ 'id': processFilterIdChange });
+        fixture.detectChanges();
+        const title = fixture.debugElement.nativeElement.querySelector('#adf-edit-process-filter-title-id');
+
+        fixture.whenStable().then(() => {
+            expect(title).toBeNull();
+        });
+    }));
+
     it('should not display mat-spinner if isloading set to false', async(() => {
         const processFilterIdChange = new SimpleChange(null, 'mock-process-filter-id', true);
         component.ngOnChanges({ 'id': processFilterIdChange });
diff --git a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts
index 1db6c5ba44..061e821f51 100644
--- a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts
@@ -86,6 +86,10 @@ export class EditProcessFilterCloudComponent implements OnInit, OnChanges, OnDes
     @Input()
     showTitle = true;
 
+     /** Toggles the appearance of the process filter name . */
+    @Input()
+    showProcessFilterName = true;
+
     /** Emitted when a process instance filter property changes. */
     @Output()
     filterChange: EventEmitter<ProcessFilterCloudModel> = new EventEmitter();