diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index bb17524444..b8717faac3 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -4,6 +4,10 @@
     $defaults: (
         --adf-edit-task-and-service-filter-header-title-color: $adf-ref-edit-task-and-service-filter-header-title-color,
         --adf-edit-task-and-service-filter-header-description-color: $adf-ref-edit-task-and-service-filter-header-description-color,
+        --adf-edit-task-and-service-filter-content-text-input-color: $adf-ref-edit-task-and-service-filter-content-text-input-color,
+        --adf-edit-task-and-service-filter-content-text-label-color: $adf-ref-edit-task-and-service-filter-content-text-label-color,
+        --adf-edit-task-and-service-filter-content-select-input-color: $adf-ref-edit-task-and-service-filter-content-select-input-color,
+        --adf-edit-task-and-service-filter-content-select-label-color: $adf-ref-edit-task-and-service-filter-content-select-label-color,
         --adf-edit-task-and-service-filter-header-height: $adf-ref-edit-task-and-service-filter-header-height,
     );
 
diff --git a/lib/core/src/lib/styles/_reference-variables.scss b/lib/core/src/lib/styles/_reference-variables.scss
index d115dd233a..a680df35e0 100644
--- a/lib/core/src/lib/styles/_reference-variables.scss
+++ b/lib/core/src/lib/styles/_reference-variables.scss
@@ -1,3 +1,7 @@
 $adf-ref-edit-task-and-service-filter-header-title-color: rgba(0, 0, 0, 0.87);          
 $adf-ref-edit-task-and-service-filter-header-description-color: rgba(0, 0, 0, 0.54);          
-$adf-ref-edit-task-and-service-filter-header-height: 48px;
\ No newline at end of file
+$adf-ref-edit-task-and-service-filter-header-height: 48px;
+$adf-ref-edit-task-and-service-filter-content-text-label-color: rgba(0, 0, 0, 0.54);          
+$adf-ref-edit-task-and-service-filter-content-text-input-color: rgba(0, 0, 0, 0.87);          
+$adf-ref-edit-task-and-service-filter-content-select-label-color: rgba(0, 0, 0, 0.54);          
+$adf-ref-edit-task-and-service-filter-content-select-input-color: rgba(0, 0, 0, 0.87);          
diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.html b/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.html
index 1080c914cd..a42dfc019a 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.html
@@ -27,30 +27,33 @@
             </ng-template>
         </mat-expansion-panel-header>
         <ng-container *ngIf="!isLoading;">
-            <form *ngIf="editTaskFilterForm" [formGroup]="editTaskFilterForm">
+            <form *ngIf="editTaskFilterForm" [formGroup]="editTaskFilterForm" class="adf-edit-task-filter-content">
                 <div class="adf-edit-task-filter-form">
                     <ng-container *ngFor="let taskFilterProperty of taskFilterProperties">
                         <mat-form-field [floatLabel]="'auto'"
-                                        *ngIf="taskFilterProperty.type === 'select'"
-                                        [attr.data-automation-id]="taskFilterProperty.key">
-                            <mat-select placeholder="{{taskFilterProperty.label | translate}}"
-                                        [formControlName]="taskFilterProperty.key"
-                                        [attr.data-automation-id]="'adf-cloud-edit-task-property-' + taskFilterProperty.key"
-                                        (selectionChange)="onStatusChange($event)">
-                                <mat-option *ngFor="let propertyOption of taskFilterProperty.options"
-                                            [value]="propertyOption.value"
-                                            [attr.data-automation-id]="'adf-cloud-edit-task-property-options-' + taskFilterProperty.key">
-                                    {{ propertyOption.label | translate }}
-                                </mat-option>
+                            *ngIf="taskFilterProperty.type === 'select'"
+                            [attr.data-automation-id]="taskFilterProperty.key">
+                            <mat-label class="adf-edit-task-filter-content__select-label">{{taskFilterProperty.label | translate}}</mat-label>
+                            <mat-select
+                                [formControlName]="taskFilterProperty.key"
+                                class="adf-edit-task-filter-content__select-input"
+                                [attr.data-automation-id]="'adf-cloud-edit-task-property-' + taskFilterProperty.key"
+                                (selectionChange)="onStatusChange($event)">
+                                    <mat-option *ngFor="let propertyOption of taskFilterProperty.options"
+                                        [value]="propertyOption.value"
+                                        [attr.data-automation-id]="'adf-cloud-edit-task-property-options-' + taskFilterProperty.key">
+                                        {{ propertyOption.label | translate }}
+                                    </mat-option>
                             </mat-select>
                         </mat-form-field>
                         <mat-form-field [floatLabel]="'auto'"
-                                        *ngIf="taskFilterProperty.type === 'text'"
-                                        [attr.data-automation-id]="taskFilterProperty.key">
+                            *ngIf="taskFilterProperty.type === 'text'"
+                            [attr.data-automation-id]="taskFilterProperty.key">
+                            <mat-label class="adf-edit-task-filter-content__text-label">{{taskFilterProperty.label | translate}}</mat-label>
                             <input matInput
                                    [formControlName]="taskFilterProperty.key"
                                    type="text"
-                                   placeholder="{{taskFilterProperty.label | translate}}"
+                                   class="adf-edit-task-filter-content__text-input"
                                    [attr.data-automation-id]="'adf-cloud-edit-task-property-' + taskFilterProperty.key" />
                         </mat-form-field>
                         <mat-form-field [floatLabel]="'auto'"
diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.scss b/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.scss
index 4e109e9688..9e55a2ae46 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.scss
@@ -82,5 +82,27 @@
                 place-content: center space-between;
             }
         }
+
+        &-content {
+            &__text-input {
+                &.mat-input-element {
+                    color: var(--adf-edit-task-and-service-filter-content-text-input-color);
+                }
+            }
+
+            &__text-label {
+                color: var(--adf-edit-task-and-service-filter-content-text-label-color);
+            }
+
+            &__select-input {
+                .mat-select-value {
+                    color: var(--adf-edit-task-and-service-filter-content-select-input-color);
+                }
+            }
+
+            &__select-label {
+                color: var(--adf-edit-task-and-service-filter-content-select-label-color);
+            }
+        }
     }
 }