diff --git a/src/app/pages/dashboard/contacts/contacts.component.scss b/src/app/pages/dashboard/contacts/contacts.component.scss
index 49882ff0..fada7861 100644
--- a/src/app/pages/dashboard/contacts/contacts.component.scss
+++ b/src/app/pages/dashboard/contacts/contacts.component.scss
@@ -6,7 +6,8 @@
   }
 
   nb-tabset {
-    height: 100%;
+    display: flex;
+    flex-direction: column;
 
     ::ng-deep .tab-link {
       padding: 1.25rem 2rem;
diff --git a/src/app/pages/dashboard/dashboard.component.scss b/src/app/pages/dashboard/dashboard.component.scss
index cb08d221..ca68fd1d 100644
--- a/src/app/pages/dashboard/dashboard.component.scss
+++ b/src/app/pages/dashboard/dashboard.component.scss
@@ -14,9 +14,11 @@
     }
   }
 
-  @include media-breakpoint-down(is) {
-    ::ng-deep nb-card.large-card {
-      height: nb-theme(card-height-medium);
+  @include media-breakpoint-up(md) {
+    ngx-contacts ::ng-deep > nb-card {
+      height: calc(#{nb-theme(card-height-medium)} +
+                   #{nb-theme(card-height-tiny)} +
+                   #{nb-theme(card-margin-bottom)});
     }
   }
 }