diff --git a/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-copy-dialogue/dataset-copy-dialogue.component.html b/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-copy-dialogue/dataset-copy-dialogue.component.html
index 91ae021da..2421c0c98 100644
--- a/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-copy-dialogue/dataset-copy-dialogue.component.html
+++ b/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-copy-dialogue/dataset-copy-dialogue.component.html
@@ -1,7 +1,7 @@
 <div class="dataset-copy-dialog">
 	<div mat-dialog-title class="row d-flex flex-row">
 		<div mat-dialog-title class="col-auto">{{'DATASET-WIZARD.DIALOGUE.TITLE' | translate}}</div>
-		<div class="col-auto ml-auto close-btn" (click)="close()"><mat-icon>close</mat-icon></div>
+		<div class="col-auto ml-auto close-btn" (click)="close()"><mat-icon class="close-icon">close</mat-icon></div>
 	</div>
 	<div mat-dialog-content class="confirmation-message">
 		<mat-form-field class="col-12">
diff --git a/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-copy-dialogue/dataset-copy-dialogue.component.scss b/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-copy-dialogue/dataset-copy-dialogue.component.scss
index 531025c64..9dcfec19b 100644
--- a/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-copy-dialogue/dataset-copy-dialogue.component.scss
+++ b/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-copy-dialogue/dataset-copy-dialogue.component.scss
@@ -35,3 +35,16 @@
 	background-color: #129d99;
 	color: #ffffff;
 }
+
+.close-icon {
+	cursor: pointer;
+	// margin-right: 20px;
+	padding: .4rem;
+	width: auto !important;
+	height: auto !important;
+}
+
+.close-icon:hover {
+	background-color: #ECECED !important;
+	border-radius: 50%;
+}
diff --git a/dmp-frontend/src/app/ui/dmp/start-new-dmp-dialogue/start-new-dmp-dialog.component.html b/dmp-frontend/src/app/ui/dmp/start-new-dmp-dialogue/start-new-dmp-dialog.component.html
index 44e0ca662..0e48a2fa0 100644
--- a/dmp-frontend/src/app/ui/dmp/start-new-dmp-dialogue/start-new-dmp-dialog.component.html
+++ b/dmp-frontend/src/app/ui/dmp/start-new-dmp-dialogue/start-new-dmp-dialog.component.html
@@ -1,7 +1,9 @@
 <div class="form-container">
 	<div class="row d-flex justify-content-between m-0">
 		<a class="logo"><img src="../../../assets/splash/assets/img/argos-logo.svg"></a>
-		<mat-icon class="close-icon" (click)="close()">close</mat-icon>
+		<div class="col-auto ml-auto close-btn" (click)="close()">
+			<mat-icon class="close-icon">close</mat-icon>
+		</div>
 	</div>
 	<div class="row content">
 		<h1 mat-dialog-title class="title">{{'NAV-BAR.START-NEW-DMP' | translate}}</h1>
diff --git a/dmp-frontend/src/app/ui/faq/dialog/faq-dialog.component.html b/dmp-frontend/src/app/ui/faq/dialog/faq-dialog.component.html
index fc2eef2b9..526d13413 100644
--- a/dmp-frontend/src/app/ui/faq/dialog/faq-dialog.component.html
+++ b/dmp-frontend/src/app/ui/faq/dialog/faq-dialog.component.html
@@ -4,7 +4,7 @@
 			{{'FAQ.TITLE' | translate}}
 		</div>
 		<div class="col-auto ml-auto close-btn" (click)="close()">
-			<mat-icon>close</mat-icon>
+			<mat-icon class="clear-icon">close</mat-icon>
 		</div>
 	</div>
 	<div mat-dialog-content class="row">
diff --git a/dmp-frontend/src/app/ui/faq/dialog/faq-dialog.component.scss b/dmp-frontend/src/app/ui/faq/dialog/faq-dialog.component.scss
index 38664a8f0..54960fccf 100644
--- a/dmp-frontend/src/app/ui/faq/dialog/faq-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/faq/dialog/faq-dialog.component.scss
@@ -12,6 +12,20 @@
   cursor: pointer;
 }
 
+.clear-icon {
+	cursor: pointer;
+	color: #212121;
+	padding: 0.4rem;
+	width: auto !important;
+	height: auto !important;
+}
+
+.clear-icon:hover {
+	background-color: #ececec !important;
+	border-radius: 50%;
+	padding: 0.4rem;
+}
+
 .faq {
   margin-bottom: 1.125rem;
 }