diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 46c699c808..6127777cde 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -5,19 +5,19 @@ <h1 class="mat-title">{{displayName}}<span class="mat-subheading-2"> - <ng-conta
       <planet-role [role]="role"></planet-role><span *ngIf="!last">, </span>
     </ng-container></span></h1>
     <h1 class="mat-title">{{visits | number}} <ng-container i18n>Visits</ng-container></h1>
-  </div>
-  <div class="date">
-    <p>{{dateNow | date:'longDate'}}</p>
-  </div>
-  <div class="badges">
-    <div *ngFor="let badgeGroup of badgeGroups">
-      <span *ngFor="let course of badgesCourses[badgeGroup]" class="cursor-pointer" (click)="openCourseView(course)" [matTooltip]="course.doc.courseTitle">
-        <mat-icon
-          [ngClass]="{ 'primary-text-color': course.inCertification, 'grey-text-color': !course.inCertification }"
-          fontSet="fa"
-          [fontIcon]="badgeIcons[badgeGroup]">
-        </mat-icon>
-      </span>
+    <div class="date">
+      <p>{{dateNow | date:'longDate'}}</p>
+    </div>
+    <div class="badges">
+      <div *ngFor="let badgeGroup of badgeGroups">
+        <span *ngFor="let course of badgesCourses[badgeGroup]" class="cursor-pointer" (click)="openCourseView(course)" [matTooltip]="course.doc.courseTitle">
+          <mat-icon
+            [ngClass]="{ 'primary-text-color': course.inCertification, 'grey-text-color': !course.inCertification }"
+            fontSet="fa"
+            [fontIcon]="badgeIcons[badgeGroup]">
+          </mat-icon>
+        </span>
+      </div>
     </div>
   </div>
 </mat-card>
diff --git a/src/app/dashboard/dashboard.scss b/src/app/dashboard/dashboard.scss
index 5640f7923b..819a9bbe35 100644
--- a/src/app/dashboard/dashboard.scss
+++ b/src/app/dashboard/dashboard.scss
@@ -58,6 +58,7 @@ $top-row-height: calc(#{$dashboard-tile-width} + 0.5rem);
     }
 
     .date, .badges {
+      margin: 0.2rem 0;
       justify-self: end;
     }
 
@@ -68,8 +69,6 @@ $top-row-height: calc(#{$dashboard-tile-width} + 0.5rem);
     .badges {
       grid-area: badge;
       width: 100%;
-      display: flex;
-      justify-content: flex-end;
 
       & > div {
         margin-right: 0.5rem;