diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index ed226f00825..b62ed8928ec 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -88,7 +88,9 @@
         --adf-task-assignment-filter-option-default-color: mat.get-color-from-palette($foreground, text),
         --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary),
         --adf-task-assignment-filter-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
-        --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary)
+        --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary),
+
+        --adf-process-header-cloud-card-background: mat.get-color-from-palette($background, card)
     );
 
     // propagates SCSS variables into the CSS variables scope
diff --git a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
index 6889a8ef655..fa55a6cb079 100644
--- a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
@@ -1,5 +1,5 @@
-<mat-card *ngIf="processInstanceDetails">
+<mat-card *ngIf="processInstanceDetails" class="adf-process-header-cloud-card">
   <mat-card-content>
     <adf-card-view [properties]="properties"></adf-card-view>
   </mat-card-content>
-</mat-card>
\ No newline at end of file
+</mat-card>
diff --git a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss
new file mode 100644
index 00000000000..aa71b833092
--- /dev/null
+++ b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss
@@ -0,0 +1,3 @@
+.adf-process-header-cloud-card {
+    background-color: var(--adf-process-header-cloud-card-background);
+}