diff --git a/src/app/pages/charts/chart.js/chart-js.component.html b/src/app/pages/charts/chart.js/chart-js.component.html
index f6740aaa..c7ca7c06 100644
--- a/src/app/pages/charts/chart.js/chart-js.component.html
+++ b/src/app/pages/charts/chart.js/chart-js.component.html
@@ -1,6 +1,6 @@
 <div class="row">
   <div class="col-md-4">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Pie</nga-card-header>
       <nga-card-body>
         <ngx-chart-js-pie></ngx-chart-js-pie>
@@ -8,7 +8,7 @@
     </nga-card>
   </div>
   <div class="col-md-4">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Bar</nga-card-header>
       <nga-card-body>
         <ngx-chart-js-bar></ngx-chart-js-bar>
@@ -16,7 +16,7 @@
     </nga-card>
   </div>
   <div class="col-md-4">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Line</nga-card-header>
       <nga-card-body>
         <ngx-chart-js-line></ngx-chart-js-line>
diff --git a/src/app/pages/charts/d3/d3.component.html b/src/app/pages/charts/d3/d3.component.html
index 2f8f654e..c885d75a 100644
--- a/src/app/pages/charts/d3/d3.component.html
+++ b/src/app/pages/charts/d3/d3.component.html
@@ -1,6 +1,6 @@
 <div class="row">
   <div class="col-md-6">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Pie</nga-card-header>
       <nga-card-body>
         <ngx-d3-pie></ngx-d3-pie>
@@ -8,7 +8,7 @@
     </nga-card>
   </div>
   <div class="col-md-6">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Bar</nga-card-header>
       <nga-card-body>
         <ngx-d3-bar></ngx-d3-bar>
@@ -18,7 +18,7 @@
 </div>
 <div class="row">
   <div class="col-md-6">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Line</nga-card-header>
       <nga-card-body>
         <ngx-d3-line></ngx-d3-line>
diff --git a/src/app/pages/charts/echarts/echarts.component.html b/src/app/pages/charts/echarts/echarts.component.html
index 1cb2237a..7ef6451e 100644
--- a/src/app/pages/charts/echarts/echarts.component.html
+++ b/src/app/pages/charts/echarts/echarts.component.html
@@ -1,6 +1,6 @@
 <div class="row">
   <div class="col-md-6">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Pie</nga-card-header>
       <nga-card-body>
         <ngx-echarts-pie></ngx-echarts-pie>
@@ -8,7 +8,7 @@
     </nga-card>
   </div>
   <div class="col-md-6">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Bar</nga-card-header>
       <nga-card-body>
         <ngx-echarts-bar></ngx-echarts-bar>
@@ -18,7 +18,7 @@
 </div>
 <div class="row">
   <div class="col-md-6">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Line</nga-card-header>
       <nga-card-body>
         <ngx-echarts-line></ngx-echarts-line>
diff --git a/src/app/pages/dashboard/contacts/contacts.component.html b/src/app/pages/dashboard/contacts/contacts.component.html
index 0d7aa601..9233ddf9 100644
--- a/src/app/pages/dashboard/contacts/contacts.component.html
+++ b/src/app/pages/dashboard/contacts/contacts.component.html
@@ -1,14 +1,14 @@
-<nga-card size="xmedium">
+<nga-card size="large">
   <nga-tabset fullWidth>
     <nga-tab tabTitle="Contacts">
       <div class="contact" *ngFor="let c of contacts">
-        <nga-user [picture]="c.user.picture" [name]="c.user.name" [title]="c.type" size="xmedium"></nga-user>
+        <nga-user [picture]="c.user.picture" [name]="c.user.name" [title]="c.type" size="large"></nga-user>
         <i class="i-contact ion-ios-telephone-outline"></i>
       </div>
     </nga-tab>
     <nga-tab tabTitle="Recent">
       <div class="contact" *ngFor="let c of recent">
-        <nga-user [picture]="c.user.picture" [name]="c.user.name" [title]="c.type" size="xmedium"></nga-user>
+        <nga-user [picture]="c.user.picture" [name]="c.user.name" [title]="c.type" size="large"></nga-user>
         <span class="time">{{ c.time }}</span>
       </div>
     </nga-tab>
diff --git a/src/app/pages/dashboard/dashboard.component.html b/src/app/pages/dashboard/dashboard.component.html
index 84d9d295..7e76ca36 100644
--- a/src/app/pages/dashboard/dashboard.component.html
+++ b/src/app/pages/dashboard/dashboard.component.html
@@ -7,7 +7,7 @@
   </div>
 
   <div class="col-lg-9">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>
         Electricity
       </nga-card-header>
@@ -26,33 +26,29 @@
 </div>
 
 <div class="row">
-  <div class="col-lg-6">
-    <div class="row">
-      <div class="col-lg-6">
-        <nga-card>
-          <nga-card-header>Solar Energy Consumption</nga-card-header>
-          <nga-card-body></nga-card-body>
-        </nga-card>
-      </div>
-      <div class="col-lg-6">
-        <nga-card>
-          <nga-card-header>Traffic Consumption</nga-card-header>
-          <nga-card-body></nga-card-body>
-        </nga-card>
-      </div>
-      <div class="col-lg-6">
-        <ngx-team></ngx-team>
-      </div>
-      <div class="col-lg-6">
-        <nga-card>
-          <nga-card-header>Calendar</nga-card-header>
-          <nga-card-body></nga-card-body>
-        </nga-card>
-      </div>
-    </div>
+  <div class="col-lg-3">
+    <nga-card size="small">
+      <nga-card-header>Solar Energy Consumption</nga-card-header>
+      <nga-card-body></nga-card-body>
+    </nga-card>
+
+    <ngx-team></ngx-team>
   </div>
+
+  <div class="col-lg-3">
+    <nga-card size="small">
+      <nga-card-header>Traffic Consumption</nga-card-header>
+      <nga-card-body></nga-card-body>
+    </nga-card>
+
+    <nga-card size="medium">
+      <nga-card-header>Calendar</nga-card-header>
+      <nga-card-body></nga-card-body>
+    </nga-card>
+  </div>
+
   <div class="col-lg-6">
-    <nga-card>
+    <nga-card size="xlarge">
       <nga-card-header>Security Cameras</nga-card-header>
       <nga-card-body></nga-card-body>
     </nga-card>
diff --git a/src/app/pages/dashboard/rooms/rooms.component.ts b/src/app/pages/dashboard/rooms/rooms.component.ts
index 9e28351d..ec00732a 100644
--- a/src/app/pages/dashboard/rooms/rooms.component.ts
+++ b/src/app/pages/dashboard/rooms/rooms.component.ts
@@ -4,7 +4,7 @@ import { Component } from '@angular/core';
   selector: 'ngx-rooms',
   styleUrls: ['./rooms.component.scss'],
   template: `
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>
         Room Management
       </nga-card-header>
diff --git a/src/app/pages/dashboard/status-cards/status-cards.component.scss b/src/app/pages/dashboard/status-cards/status-cards.component.scss
index 10e96acf..88851ebb 100644
--- a/src/app/pages/dashboard/status-cards/status-cards.component.scss
+++ b/src/app/pages/dashboard/status-cards/status-cards.component.scss
@@ -17,8 +17,12 @@
 
     $border-radius: nga-theme(card-border-radius);
     .icon-container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      width: 7rem;
       font-size: 4em;
-      padding: 0.5rem 1.75rem;
       border-radius: $border-radius 0 0 $border-radius;
       transition: all 0.1s ease-out, color 0s;
 
@@ -109,7 +113,9 @@
       border-left: 1px solid transparent;
     }
     .title {
+      font-family: nga-theme(font-secondary);
       font-size: 1.5rem;
+      font-weight: nga-theme(font-weight-bolder);
     }
     .status {
       font-size: 1.125rem;
diff --git a/src/app/pages/dashboard/status-cards/status-cards.component.ts b/src/app/pages/dashboard/status-cards/status-cards.component.ts
index b49805fd..04acda51 100644
--- a/src/app/pages/dashboard/status-cards/status-cards.component.ts
+++ b/src/app/pages/dashboard/status-cards/status-cards.component.ts
@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
   styleUrls: ['./status-cards.component.scss'],
   template: `
     <div class="row">
-      <div class="col-lg-3" *ngFor="let card of statusCards">
+      <div class="col-lg-3" *ngFor="let card of statusCards" size="xsmall">
         <nga-card (click)="card.on = !card.on" [ngClass]="{'off': !card.on}">
           <div class="icon-container {{card.type}}">
             <i class="{{card.icon}}"></i>
@@ -22,8 +22,8 @@ import { Component } from '@angular/core';
 })
 export class StatusCardsComponent {
   statusCards = [
-    { title: 'Light', on: true, type: 'primary', icon: 'ion-ios-game-controller-b-outline' },
-    { title: 'RollerShades', on: true, type: 'success', icon: 'ion-ios-game-controller-b-outline' },
+    { title: 'Light', on: true, type: 'primary', icon: 'ion-ios-lightbulb-outline' },
+    { title: 'Roller Shades', on: true, type: 'success', icon: 'ion-ios-photos-outline' },
     { title: 'Wireless Audio', on: true, type: 'info', icon: 'ion-ios-game-controller-b-outline' },
     { title: 'Coffee Maker', on: true, type: 'warning', icon: 'ion-ios-game-controller-b-outline' },
   ];
diff --git a/src/app/pages/dashboard/team/team.component.html b/src/app/pages/dashboard/team/team.component.html
index 60f7b253..5cd85c3f 100644
--- a/src/app/pages/dashboard/team/team.component.html
+++ b/src/app/pages/dashboard/team/team.component.html
@@ -1,4 +1,4 @@
-<nga-card>
+<nga-card size="medium">
   <nga-card-body>
     <div class="team-photo">
       <a href="mailto:contact@akveo.com">
diff --git a/src/app/pages/dashboard/temperature/temperature.component.html b/src/app/pages/dashboard/temperature/temperature.component.html
index f9eeda97..e4010572 100644
--- a/src/app/pages/dashboard/temperature/temperature.component.html
+++ b/src/app/pages/dashboard/temperature/temperature.component.html
@@ -1,4 +1,4 @@
-<nga-card size="xmedium">
+<nga-card size="large">
   <nga-tabset fullWidth>
 
     <nga-tab tabTitle="Temperature">
@@ -25,7 +25,7 @@
           <input type="radio" value="cool"/><i class="ion-ios-snowy"></i>
         </label>
         <label class="btn btn-outline-primary btn-icon">
-          <input type="radio" value="heat"/><i class="ion-flame"></i>
+          <input type="radio" value="heat"/><i class="ion-ios-flame-outline"></i>
         </label>
         <label class="btn btn-outline-primary btn-icon">
           <input type="radio" value="cool2"/><i class="ion-ios-snowy"></i>
diff --git a/src/app/pages/dashboard/temperature/temperature.component.scss b/src/app/pages/dashboard/temperature/temperature.component.scss
index 6538e0df..38c22006 100644
--- a/src/app/pages/dashboard/temperature/temperature.component.scss
+++ b/src/app/pages/dashboard/temperature/temperature.component.scss
@@ -28,6 +28,7 @@
   }
 
   ngx-temperature-dragger {
+    margin-top: -3.5rem;
     width: 80%;
   }
 
diff --git a/src/app/pages/maps/gmaps/gmaps.component.html b/src/app/pages/maps/gmaps/gmaps.component.html
index cfe5f4ec..06448bab 100644
--- a/src/app/pages/maps/gmaps/gmaps.component.html
+++ b/src/app/pages/maps/gmaps/gmaps.component.html
@@ -1,6 +1,6 @@
 <div class="row">
   <div class="col-md-12">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Gmaps</nga-card-header>
       <nga-card-body>
         <agm-map [latitude]="lat" [longitude]="lng">
diff --git a/src/app/pages/maps/leaflet/leaflet.component.html b/src/app/pages/maps/leaflet/leaflet.component.html
index 0d97ce64..c4b7d194 100644
--- a/src/app/pages/maps/leaflet/leaflet.component.html
+++ b/src/app/pages/maps/leaflet/leaflet.component.html
@@ -1,6 +1,6 @@
 <div class="row">
   <div class="col-md-12">
-    <nga-card size="xmedium">
+    <nga-card size="large">
       <nga-card-header>Leaflet</nga-card-header>
       <nga-card-body>
         <div leaflet [leafletOptions]="options">