diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-instance-header.component.css b/ng2-components/ng2-activiti-processlist/src/components/process-instance-header.component.css
index d5af0b0328..820c552a5f 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/process-instance-header.component.css
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-instance-header.component.css
@@ -4,6 +4,4 @@
 
 .adf-card-container {
     font-family: inherit;
-    height: 19em;
-    padding: 8px;
 }
diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-instance-header.component.html b/ng2-components/ng2-activiti-processlist/src/components/process-instance-header.component.html
index 8cb8c70d01..1487c6963d 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/process-instance-header.component.html
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-instance-header.component.html
@@ -1,5 +1,5 @@
-<div *ngIf="processInstance">
-    <md-card class="adf-card-container">
+<md-card *ngIf="processInstance" class="adf-card-container">
+    <md-card-content>
         <adf-card-view [properties]="properties"></adf-card-view>
-    </md-card>
-</div>
+    </md-card-content>
+</md-card>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.html b/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.html
index 70033b0f08..3c209b0c25 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.html
@@ -1,13 +1,10 @@
-<md-card *ngIf="taskDetails">
-
+<md-card *ngIf="taskDetails" class="adf-card-container">
     <md-card-content>
         <adf-card-view [properties]="properties" [editable]="!isCompleted()"></adf-card-view>
     </md-card-content>
 
-    <md-card-actions class="adf-controls">
-        <button md-button *ngIf="!isAssignedToMe()" data-automation-id="header-claim-button" id="claim-task"
-                (click)="claimTask(taskDetails.id)" class="adf-claim-controls">{{ 'TASK_DETAILS.BUTTON.CLAIM' | translate }}
+    <md-card-actions *ngIf="!isAssignedToMe()" class="adf-controls">
+        <button md-button data-automation-id="header-claim-button" id="claim-task" (click)="claimTask(taskDetails.id)" class="adf-claim-controls">{{ 'TASK_DETAILS.BUTTON.CLAIM' | translate }}
         </button>
     </md-card-actions>
-
 </md-card>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.scss
index 488457f6ca..a379c4fb3a 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.scss
@@ -21,4 +21,8 @@
     &-claim-controls {
         color: rgb(131, 131, 131);
     }
+
+    &-card-container {
+        font-family: inherit;
+    }
 }
\ No newline at end of file