diff --git a/projects/planner/src/app/dashboard/dashboard.component.html b/projects/planner/src/app/dashboard/dashboard.component.html
index 42cbe463..82a77886 100644
--- a/projects/planner/src/app/dashboard/dashboard.component.html
+++ b/projects/planner/src/app/dashboard/dashboard.component.html
@@ -15,64 +15,64 @@
         <app-plan-tabs></app-plan-tabs>
 
         <ng-container *ngIf="imperialUnits">
-            <div class="mt-4" [ngClass]="{
+            <div class="mb-4" [ngClass]="{
                 'col-12 col-sm-6 col-lg-4 col-xl-4': !isComplex,
                 'col-12': isComplex
                 }">
                 <app-tanks-simple *ngIf="!isComplex"></app-tanks-simple>
                 <app-tanks-complex *ngIf="isComplex"></app-tanks-complex>
             </div>
-            <div class="mt-4" [ngClass]="{
+            <div class="mb-4" [ngClass]="{
                 'col-12 col-sm-6 col-lg-4 col-xl-4': !isComplex,
                 'col-12 col-lg-7': isComplex
                 }">
                 <app-depths-simple *ngIf="!isComplex"></app-depths-simple>
                 <app-depths-complex *ngIf="isComplex"></app-depths-complex>
             </div>
-            <div class="mt-4" [ngClass]="{
+            <div class="mb-4" [ngClass]="{
                 'col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4': !isComplex,
                 'col-12 col-lg-5': isComplex
                 } ">
                 <app-diveoptions></app-diveoptions>
             </div>
-            <div class="col-12 col-lg-12 col-xl-5 col-xxl-6 mt-4">
+            <div class="col-12 col-lg-12 col-xl-5 col-xxl-6 mb-4">
                 <app-profilechart></app-profilechart>
             </div>
             <div class="col-md-6 col-xl-3 mt-4">
                 <app-waypoints></app-waypoints>
             </div>
-            <div class="col-md-6 col-xl-4 col-xxl-3 mt-4">
+            <div class="col-md-6 col-xl-4 col-xxl-3 mb-4">
                 <app-diveinfo></app-diveinfo>
             </div>
         </ng-container>
         <ng-container *ngIf="!imperialUnits">
-            <div class="mt-4" [ngClass]="{
+            <div class="mb-4" [ngClass]="{
                 'col-12 col-sm-6 col-lg-4 col-xl-4': !isComplex,
                 'col-12 col-xxl-5': isComplex
                 }">
                 <app-tanks-simple *ngIf="!isComplex"></app-tanks-simple>
                 <app-tanks-complex *ngIf="isComplex"></app-tanks-complex>
             </div>
-            <div class="mt-4" [ngClass]="{
+            <div class="mb-4" [ngClass]="{
                 'col-12 col-sm-6 col-lg-4 col-xl-4': !isComplex,
                 'col-12 col-lg-7 col-xxl-4': isComplex
                 }">
                 <app-depths-simple *ngIf="!isComplex"></app-depths-simple>
                 <app-depths-complex *ngIf="isComplex"></app-depths-complex>
             </div>
-            <div class="mt-4" [ngClass]="{
+            <div class="mb-4" [ngClass]="{
                 'col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4': !isComplex,
                 'col-12 col-lg-5 col-xxl-3': isComplex
                 } ">
                 <app-diveoptions></app-diveoptions>
             </div>
-            <div class="col-12 col-lg-12 col-xl-5 col-xxl-6 mt-4">
+            <div class="col-12 col-lg-12 col-xl-5 col-xxl-6 mb-4">
                 <app-profilechart></app-profilechart>
             </div>
-            <div class="col-md-6 col-xl-3 mt-4">
+            <div class="col-md-6 col-xl-3 mb-4">
                 <app-waypoints></app-waypoints>
             </div>
-            <div class="col-md-6 col-xl-4 col-xxl-3 mt-4">
+            <div class="col-md-6 col-xl-4 col-xxl-3 mb-4">
                 <app-diveinfo></app-diveinfo>
             </div>
         </ng-container>