diff --git a/src/app/pages/maps/bubble/bubble-map.component.scss b/src/app/pages/maps/bubble/bubble-map.component.scss
index 1497a0ae..5cd1e577 100644
--- a/src/app/pages/maps/bubble/bubble-map.component.scss
+++ b/src/app/pages/maps/bubble/bubble-map.component.scss
@@ -2,16 +2,12 @@
 
 @include nb-install-component() {
 
-  $card-header-border: 1px;
-
   nb-card-body {
     padding: nb-theme(card-padding) 0 0 0;
   }
 
   .echarts {
     width: 100%;
-    height: calc(#{nb-theme(card-height-xlarge)} - (#{nb-theme(card-padding) * 2}) -
-                (#{nb-theme(card-header-font-size)} * #{nb-theme(card-line-height)}) -
-                 #{$card-header-border} - #{nb-theme(card-padding)});
+    height: nb-theme(card-height-large);
   }
 }
diff --git a/src/app/pages/maps/bubble/bubble-map.component.ts b/src/app/pages/maps/bubble/bubble-map.component.ts
index 5e715ccd..e20d109b 100644
--- a/src/app/pages/maps/bubble/bubble-map.component.ts
+++ b/src/app/pages/maps/bubble/bubble-map.component.ts
@@ -5,7 +5,7 @@ import { NbThemeService } from '@nebular/theme';
   selector: 'ngx-bubble-map',
   styleUrls: ['./bubble-map.component.scss'],
   template: `
-    <nb-card size="xlarge">
+    <nb-card>
     <nb-card-header>Bubble Maps</nb-card-header>
       <nb-card-body>
         <div echarts [options]="options" class="echarts"></div>
diff --git a/src/app/pages/maps/gmaps/gmaps.component.scss b/src/app/pages/maps/gmaps/gmaps.component.scss
index 9b35d07c..7c96244f 100644
--- a/src/app/pages/maps/gmaps/gmaps.component.scss
+++ b/src/app/pages/maps/gmaps/gmaps.component.scss
@@ -8,6 +8,6 @@
 
   /deep/ agm-map {
     width: 100%;
-    height: 100%;
+    height: nb-theme(card-height-large);
   }
 }
diff --git a/src/app/pages/maps/gmaps/gmaps.component.ts b/src/app/pages/maps/gmaps/gmaps.component.ts
index 22e1b4fe..5f812f6e 100644
--- a/src/app/pages/maps/gmaps/gmaps.component.ts
+++ b/src/app/pages/maps/gmaps/gmaps.component.ts
@@ -4,7 +4,7 @@ import { Component } from '@angular/core';
   selector: 'ngx-gmaps',
   styleUrls: ['./gmaps.component.scss'],
   template: `
-    <nb-card size="xlarge">
+    <nb-card>
       <nb-card-header>Google Maps</nb-card-header>
       <nb-card-body>
         <agm-map [latitude]="lat" [longitude]="lng">
diff --git a/src/app/pages/maps/leaflet/leaflet.component.scss b/src/app/pages/maps/leaflet/leaflet.component.scss
index 71b5e4ab..2d6a8216 100644
--- a/src/app/pages/maps/leaflet/leaflet.component.scss
+++ b/src/app/pages/maps/leaflet/leaflet.component.scss
@@ -2,15 +2,12 @@
 
 @include nb-install-component() {
 
-  $card-header-border: 1px;
-
   nb-card-body {
     padding: 0;
   }
 
   /deep/ .leaflet-container {
     width: 100%;
-    height: calc(#{nb-theme(card-height-xlarge)} - (#{nb-theme(card-padding) * 2}) -
-                (#{nb-theme(card-header-font-size)} * #{nb-theme(card-line-height)}) - #{$card-header-border});
+    height: nb-theme(card-height-large);
   }
 }
diff --git a/src/app/pages/maps/leaflet/leaflet.component.ts b/src/app/pages/maps/leaflet/leaflet.component.ts
index 0665b0df..30333e79 100644
--- a/src/app/pages/maps/leaflet/leaflet.component.ts
+++ b/src/app/pages/maps/leaflet/leaflet.component.ts
@@ -7,7 +7,7 @@ import 'style-loader!leaflet/dist/leaflet.css';
   selector: 'ngx-leaflet',
   styleUrls: ['./leaflet.component.scss'],
   template: `
-    <nb-card size="xlarge">
+    <nb-card>
       <nb-card-header>Leaflet Maps</nb-card-header>
       <nb-card-body>
         <div leaflet [leafletOptions]="options"></div>