diff --git a/dmp-frontend/src/app/ui/dashboard/dashboard.component.html b/dmp-frontend/src/app/ui/dashboard/dashboard.component.html
index 72930cbfa..defc195ae 100644
--- a/dmp-frontend/src/app/ui/dashboard/dashboard.component.html
+++ b/dmp-frontend/src/app/ui/dashboard/dashboard.component.html
@@ -38,7 +38,7 @@
 				|| dashboardStatisticsData?.totalOrganisationCount !== 0">
 			<div class="main-content">
 				<div class="col">
-					<div class="card mt-0" [style.display]="isVisible ? 'block' : 'none'">
+					<div class="card col-auto mt-0" [style.display]="isVisible ? 'block' : 'none'">
 						<a class="col-auto d-flex" (click)="closeCard()"><span class="ml-auto pt-3 material-icons clear-icon">clear</span></a>
 						<p class="card-content mb-0 pt-0">
 							{{'DASHBOARD.DMP-ABOUT-BEG' | translate}}
diff --git a/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss b/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss
index 7be22ca89..881873112 100644
--- a/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss
+++ b/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss
@@ -13,7 +13,8 @@
   background: #ffffff 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 6px #00000029;
   border-radius: 4px;
-  width: 712px;
+  max-width: 712px;
+  min-width: 17.5rem;
   margin-bottom: 3.75rem;
   /* height: 407px; */
   opacity: 1;