diff --git a/src/app/pages/dashboard/contacts/contacts.component.html b/src/app/pages/dashboard/contacts/contacts.component.html
index 9d305bdc..df2e510c 100644
--- a/src/app/pages/dashboard/contacts/contacts.component.html
+++ b/src/app/pages/dashboard/contacts/contacts.component.html
@@ -3,7 +3,7 @@
     <nb-tab tabTitle="Contacts">
       <div class="contact" *ngFor="let c of contacts">
         <nb-user [picture]="c.user.picture" [name]="c.user.name" [title]="c.type" size="large"></nb-user>
-        <i class="i-contact ion-ios-telephone-outline"></i>
+        <i class="i-contact nb-phone"></i>
       </div>
     </nb-tab>
     <nb-tab tabTitle="Recent">
diff --git a/src/app/pages/dashboard/contacts/contacts.component.scss b/src/app/pages/dashboard/contacts/contacts.component.scss
index 45b286fe..a0b07b66 100644
--- a/src/app/pages/dashboard/contacts/contacts.component.scss
+++ b/src/app/pages/dashboard/contacts/contacts.component.scss
@@ -27,7 +27,7 @@
   }
 
   .i-contact {
-    font-size: 2.5rem;
+    font-size: 2rem;
     cursor: pointer;
   }
 
diff --git a/src/app/pages/dashboard/security-cameras/security-cameras.component.html b/src/app/pages/dashboard/security-cameras/security-cameras.component.html
index 418ab60a..d8a8fd6c 100644
--- a/src/app/pages/dashboard/security-cameras/security-cameras.component.html
+++ b/src/app/pages/dashboard/security-cameras/security-cameras.component.html
@@ -28,16 +28,16 @@
   <nb-card-footer>
     <nb-actions size="medium" fullWidth>
       <nb-action>
-        <i class="ion-ios-pause-outline"></i><span>Pause</span>
+        <i class="nb-pause"></i><span>Pause</span>
       </nb-action>
       <nb-action>
-        <i class="ion-navicon"></i><span>Log View</span>
+        <i class="nb-list"></i><span>Log View</span>
       </nb-action>
       <nb-action>
-        <i class="ion-ios-search"></i><span>Search</span>
+        <i class="nb-search"></i><span>Search</span>
       </nb-action>
       <nb-action>
-        <i class="ion-ios-gear-outline"></i><span>Setup</span>
+        <i class="nb-gear"></i><span>Setup</span>
       </nb-action>
     </nb-actions>
   </nb-card-footer>
diff --git a/src/app/pages/dashboard/security-cameras/security-cameras.component.scss b/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
index 0bea540e..34ce2deb 100644
--- a/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
+++ b/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
@@ -105,7 +105,7 @@
   nb-action {
     i {
       color: nb-theme(color-fg);
-      font-size: 2.5rem;
+      font-size: 2rem;
       margin-right: 1rem;
     }
 
diff --git a/src/app/pages/dashboard/temperature/temperature.component.scss b/src/app/pages/dashboard/temperature/temperature.component.scss
index 30404089..1bc620fd 100644
--- a/src/app/pages/dashboard/temperature/temperature.component.scss
+++ b/src/app/pages/dashboard/temperature/temperature.component.scss
@@ -101,10 +101,11 @@
     height: 4.5rem;
     padding: 0;
     margin-bottom: 0;
+    color: nb-theme(color-fg);
 
     &.active {
       border-color: nb-theme(color-fg-highlight);
-      color: nb-theme(color-success);
+      color: nb-theme(color-fg-highlight);
     }
 
     i {
diff --git a/src/app/pages/pages-menu.ts b/src/app/pages/pages-menu.ts
index d73a02bf..32ec13b5 100644
--- a/src/app/pages/pages-menu.ts
+++ b/src/app/pages/pages-menu.ts
@@ -4,7 +4,7 @@ import { List } from 'immutable';
 
 export const MENU_ITEMS: List<NbMenuItem> = List([{
   title: 'Dashboard',
-  icon: 'ion ion-ios-home-outline',
+  icon: 'nb-home',
   link: '/pages/dashboard',
   home: true,
 }, {
@@ -12,7 +12,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
   group: true,
 }, {
   title: 'UI Features',
-  icon: 'ion ion-ios-keypad-outline',
+  icon: 'nb-keypad',
   link: '/pages/ui-features',
   children: List<NbMenuItem>([{
     title: 'Buttons',
@@ -38,7 +38,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
   }]),
 }, {
   title: 'Forms',
-  icon: 'ion-compose',
+  icon: 'nb-compose',
   children: List<NbMenuItem>([{
     title: 'Form Inputs',
     link: '/pages/forms/inputs',
@@ -48,7 +48,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
   }]),
 }, {
   title: 'Components',
-  icon: 'ion ion-ios-gear-outline',
+  icon: 'nb-gear',
   children: List<NbMenuItem>([{
     title: 'Tree',
     link: '/pages/components/tree',
@@ -58,7 +58,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
   }]),
 }, {
   title: 'Maps',
-  icon: 'ion ion-ios-location-outline',
+  icon: 'nb-location',
   children: List<NbMenuItem>([{
     title: 'Google Maps',
     link: '/pages/maps/gmaps',
@@ -71,7 +71,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
   }]),
 }, {
   title: 'Charts',
-  icon: 'ion ion-arrow-graph-up-right',
+  icon: 'nb-bar-chart',
   children: List<NbMenuItem>([{
     title: 'Echarts',
     link: '/pages/charts/echarts',
@@ -84,7 +84,7 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
   }]),
 }, {
   title: 'Editors',
-  icon: 'ion ion-edit',
+  icon: 'nb-title',
   children: List<NbMenuItem>([{
     title: 'TinyMCE',
     link: '/pages/editors/tinymce',
@@ -94,14 +94,14 @@ export const MENU_ITEMS: List<NbMenuItem> = List([{
   }]),
 }, {
   title: 'Tables',
-  icon: 'ion-ios-grid-view',
+  icon: 'nb-tables',
   children: List<NbMenuItem>([{
     title: 'Smart Table',
     link: '/pages/tables/smart-table',
   }]),
 }, {
   title: 'Auth',
-  icon: 'ion-unlocked',
+  icon: 'nb-locked',
   children: List<NbMenuItem>([{
     title: 'Login',
     link: '/auth/login',