diff --git a/src/app/pages/dashboard/dashboard.component.html b/src/app/pages/dashboard/dashboard.component.html
index 9e9b80fb..cc9d84f5 100644
--- a/src/app/pages/dashboard/dashboard.component.html
+++ b/src/app/pages/dashboard/dashboard.component.html
@@ -1,25 +1,25 @@
 <div class="row">
   <div class="col-lg-3">
     <ngx-status-card title="Light" type="primary">
-      <i class="ion-ios-lightbulb-outline"></i>
+      <i class="nb-lightbulb"></i>
     </ngx-status-card>
   </div>
 
   <div class="col-lg-3">
     <ngx-status-card title="Roller Shades" type="success">
-      <i class="ion-ios-photos-outline"></i>
+      <i class="nb-roller-shades"></i>
     </ngx-status-card>
   </div>
 
   <div class="col-lg-3">
     <ngx-status-card title="Wireless Audio" type="info">
-      <i class="ion-ios-game-controller-b-outline"></i>
+      <i class="nb-audio"></i>
     </ngx-status-card>
   </div>
 
   <div class="col-lg-3">
     <ngx-status-card title="Coffee Maker" type="warning">
-      <i class="ion-ios-lightbulb-outline"></i>
+      <i class="nb-coffee-maker"></i>
     </ngx-status-card>
   </div>
 </div>
diff --git a/src/app/pages/dashboard/status-card/status-card.component.scss b/src/app/pages/dashboard/status-card/status-card.component.scss
index 2869822f..720e04de 100644
--- a/src/app/pages/dashboard/status-card/status-card.component.scss
+++ b/src/app/pages/dashboard/status-card/status-card.component.scss
@@ -25,7 +25,7 @@
       justify-content: center;
       width: 5.75rem;
       height: 4.75rem;
-      font-size: 3.5rem;
+      font-size: 3rem;
       border-radius: nb-theme(card-border-radius);
       transition: all 0.1s ease-out, color 0s;
       color: nb-theme(color-white);
@@ -67,29 +67,6 @@
       }
     }
 
-    &:active {
-      box-shadow: none;
-      background: nb-theme(card-bg);
-
-      .icon {
-        &.primary, &.success, &.info, &.warning {
-          box-shadow: none;
-        }
-        &.primary {
-          background-image: btn-hero-primary-dark-gradient();
-        }
-        &.success {
-          background-image: btn-hero-success-dark-gradient();
-        }
-        &.info {
-          background-image: btn-hero-info-dark-gradient();
-        }
-        &.warning {
-          background-image: btn-hero-warning-dark-gradient();
-        }
-      }
-    }
-
     &.off {
       color: nb-theme(card-fg);
 
@@ -145,7 +122,7 @@
       .icon {
         width: 7rem;
         height: 100%;
-        font-size: 4em;
+        font-size: 3.5rem;
         border-radius: nb-theme(card-border-radius) 0 0 nb-theme(card-border-radius);
       }