diff --git a/dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria.component.html b/dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria.component.html
index 00693fb54..7deb543d4 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria.component.html
+++ b/dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria.component.html
@@ -14,9 +14,9 @@
 
 			<div *ngIf="showProject" class="col-10 filter-category" [formGroup]="options">
 				<h6 class="category-title">STATUS</h6>
-				<mat-list-item><mat-checkbox formControlName="getDrafts">Draft</mat-checkbox></mat-list-item>
-				<mat-list-item><mat-checkbox formControlName="getFinalized">Finalized</mat-checkbox></mat-list-item>
-				<mat-list-item><mat-checkbox formControlName="getDmpStatuses">Any dmp status</mat-checkbox></mat-list-item>
+				<mat-list-item><mat-checkbox formControlName="getDrafts">{{ 'TYPES.DATASET-STATUS.DRAFT' | translate }}</mat-checkbox></mat-list-item>
+				<mat-list-item><mat-checkbox formControlName="getFinalized">{{ 'TYPES.DATASET-STATUS.FINALISED' | translate }}</mat-checkbox></mat-list-item>
+				<mat-list-item><mat-checkbox formControlName="getDmpStatuses">{{ 'TYPES.DATASET-STATUS.ANY' | translate }}</mat-checkbox></mat-list-item>
 			</div>
 			<div *ngIf="showProject" class="col-10 filter-category">
 				<h6 class="category-title">RELATED PROJECT</h6>
@@ -31,9 +31,9 @@
 			<div *ngIf="showProject" class="col-10 filter-category">
 				<h6 class="category-title">ROLE</h6>
 				<mat-radio-group aria-label="Select an option">
-					<mat-list-item><mat-radio-button value="1">Any</mat-radio-button></mat-list-item>
-					<mat-list-item><mat-radio-button value="2">Owner</mat-radio-button></mat-list-item>
-					<mat-list-item><mat-radio-button value="3">Member</mat-radio-button></mat-list-item>
+					<mat-list-item><mat-radio-button value="1">{{ 'TYPES.DATASET-ROLE.ANY' | translate}}</mat-radio-button></mat-list-item>
+					<mat-list-item><mat-radio-button value="2">{{ 'TYPES.DATASET-ROLE.OWNER' | translate}}</mat-radio-button></mat-list-item>
+					<mat-list-item><mat-radio-button value="3">{{ 'TYPES.DATASET-ROLE.MEMBER' | translate}}</mat-radio-button></mat-list-item>
 				</mat-radio-group>
 			</div>
 			<div *ngIf="showProject" class="col-10 filter-category">
diff --git a/dmp-frontend/src/assets/css/demo.css b/dmp-frontend/src/assets/css/demo.css
index e7acf1ee8..1a56520a9 100644
--- a/dmp-frontend/src/assets/css/demo.css
+++ b/dmp-frontend/src/assets/css/demo.css
@@ -152,10 +152,19 @@ h6 {
 	box-shadow: none;
 }
 
-.card .card-header-blue .card-icon, .card .card-header-blue .card-text, .card .card-header-blue:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back {
+.card .card-header-dustyblue .card-icon, .card .card-header-dustyblue .card-text, .card .card-header-dustyblue:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back {
 	background: linear-gradient(60deg, rgb(46, 117, 182), rgb(46, 117, 182));
 }
 
+.card .card-header-dustyblue .card-icon, .card .card-header-dustyblue:not(.card-header-icon):not(.card-header-text), .card .card-header-dustyblue .card-text {
+	-webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.14);
+	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.14);
+}
+
+.card .card-header-blue .card-icon, .card .card-header-blue .card-text, .card .card-header-blue:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back {
+	background: linear-gradient(60deg, rgb(0, 112, 192), rgb(0, 112, 192));
+}
+
 .card .card-header-blue .card-icon, .card .card-header-blue:not(.card-header-icon):not(.card-header-text), .card .card-header-blue .card-text {
 	-webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.14);
 	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.14);
diff --git a/dmp-frontend/src/assets/i18n/en.json b/dmp-frontend/src/assets/i18n/en.json
index 39e025938..97d913ae9 100644
--- a/dmp-frontend/src/assets/i18n/en.json
+++ b/dmp-frontend/src/assets/i18n/en.json
@@ -576,7 +576,13 @@
 		},
 		"DATASET-STATUS": {
 			"DRAFT": "Draft",
-			"FINALISED": "Finalized"
+			"FINALISED": "Finalized",
+			"ANY": "Any dmp status"
+		},
+		"DATASET-ROLE": {
+			"OWNER": "Owner",
+			"MEMBER": "Member",
+			"ANY": "Any"
 		},
 		"EXTERNAL-DATASET-TYPE": {
 			"SOURCE": "Source",