diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html
index 7b27fc091..70ad2fe8e 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html
+++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html
@@ -31,7 +31,7 @@
 			<div class="col-12 d-flex flex-wrap">
 				<mat-icon *ngIf="isDraft" class="draft-icon">lock</mat-icon>
 				<mat-icon *ngIf="!isDraft">lock</mat-icon>
-				<h4 class="title" *ngIf="isDraft"><span>{{ 'TYPES.DMP.DRAFT' | translate }}:</span>{{dmp.label}}</h4>
+				<h4 class="title" *ngIf="isDraft"><span>{{ 'TYPES.DMP.DRAFT' | translate }}:</span> {{dmp.label}}</h4>
 				<h4 class="title" *ngIf="!isDraft">{{dmp.label}}</h4>
 			</div>
 		</div>
@@ -43,12 +43,12 @@
 		<div class="row">
 			<div class="col-12 about-item">
 				<mat-icon class="gray-icon pt-2">settings</mat-icon>
-				<h4 class="mt-2 ml-1 mr-3 p-1">{{roleDisplay(dmp.users).toUpperCase()}}</h4>
+				<h4 class="mt-1 ml-1 mr-3 p-1">{{roleDisplay(dmp.users).toUpperCase()}}</h4>
 
 				<div class="datasets-counter">
 					<mat-icon (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="gray-icon pt-2">
 						storage</mat-icon>
-					<h4 (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="mt-2 ml-1 mr-3 p-1">
+					<h4 (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="mt-1 ml-1 mr-3 p-1">
 						{{dmp.datasets.length}}</h4>
 				</div>
 
diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
index ae329539d..e997ad946 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
@@ -20,17 +20,21 @@
   color: #4687e6;
 }
 
+h4 {
+  display: inline;
+  padding-left: 1em;
+  line-height: 1.7em;
+}
+
+h4 > span {
+  text-transform: uppercase;
+}
+
 .about-item {
   display: flex;
   flex-wrap: wrap;
 }
 
-.about-item h4 {
-  font-size: 1rem;
-  line-height: 1.25em;
-  font-weight: 500;
-}
-
 // .about-item .length {
 //   color: rgb(70, 135, 240);
 // }