diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
index 7cb6b9f44..8cf89739d 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
@@ -83,11 +83,11 @@
 						<p class="desc-txt">{{ dmp.description }}</p>
 					</div>
 					<div class="row header">{{'DMP-OVERVIEW.DATASETS-USED' | translate}}</div>
-					<div class="row d-flex flex-column">
+					<div class="d-flex flex-column">
 						<div *ngFor="let dataset of dmp.datasets; let i=index">
-							<div *ngIf="i < 3" (click)="datasetClicked(dataset.id)">
+							<div class="row" *ngIf="i < 3" (click)="datasetClicked(dataset.id)">
 								<button mat-raised-button class="mb-2 mr-2 pl-0 pr-0">
-									<div matTooltip="{{ dataset.datasetTemplate.label }}" class="dataset-btn">
+									<div matTooltip="{{ dataset.label }} : {{ dataset.datasetTemplate.label }}" class="col-auto dataset-btn">
 										<div class="dataset-btn-label">{{ dataset.label }}:
 											{{ dataset.datasetTemplate.label }}</div>
 										<mat-icon>launch</mat-icon>
@@ -95,7 +95,7 @@
 								</button>
 							</div>
 						</div>
-						<div *ngIf="dmp.datasets.length > 3" class="show-more-btn">
+						<div class="row" *ngIf="dmp.datasets.length > 3" class="show-more-btn">
 							<button mat-button (click)="datasetsClicked(dmp.id)">
 								<mat-icon class="mr-2">expand_more</mat-icon>
 								{{ 'GENERAL.ACTIONS.SHOW-MORE' | translate }}
diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
index 97e0fc96d..73aba2582 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
@@ -179,6 +179,7 @@
 .dataset-btn-label {
   margin-right: 1em;
   overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .doi-label {