diff --git a/dmp-frontend/src/app/ui/user-profile/user-profile.component.html b/dmp-frontend/src/app/ui/user-profile/user-profile.component.html
index 66b164950..2a61dc7f6 100644
--- a/dmp-frontend/src/app/ui/user-profile/user-profile.component.html
+++ b/dmp-frontend/src/app/ui/user-profile/user-profile.component.html
@@ -32,9 +32,8 @@
 						</div>
 						<div>
 							<mat-list>
-								<mat-list-item (click)="navigateToDmp(dmp)"
-									*ngFor="let dmp of userProfile.associatedDmps">
-									<div class="clickable">
+								<mat-list-item *ngFor="let dmp of userProfile.associatedDmps">
+									<div class="clickable" (click)="navigateToDmp(dmp)">
 										{{dmp.label}}
 									</div>
 									<div class="ml-2">
diff --git a/dmp-frontend/src/app/ui/user-profile/user-profile.component.scss b/dmp-frontend/src/app/ui/user-profile/user-profile.component.scss
index 8c566320d..36426b892 100644
--- a/dmp-frontend/src/app/ui/user-profile/user-profile.component.scss
+++ b/dmp-frontend/src/app/ui/user-profile/user-profile.component.scss
@@ -1,6 +1,10 @@
 .clickable{
   cursor: pointer;
 }
+.clickable:hover {
+	//text-decoration: underline; //Alternative
+	color: #00b29f !important;
+}
 // .two-line-mat-option {
 // 	height: 3.5em;
 // 	line-height: 1.2em;