diff --git a/Gruntfile.js b/Gruntfile.js
index b007c8083..026c4d499 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -94,7 +94,7 @@ module.exports = function(grunt) {
         },
         files: [{
           expand: true,
-          src: ['src/sass/*.scss'],
+          src: ['src/sass/main.scss'],
           dest: './',
           ext: '.css'
         }]
@@ -193,12 +193,6 @@ module.exports = function(grunt) {
         src: 'bower_components/ionic/release/js/ionic.bundle.min.js',
         dest: 'public/lib/'
       },
-      ionic_css: {
-        expand: true,
-        flatten: true,
-        src: 'bower_components/ionic/release/css/ionic.min.css',
-        dest: 'public/css/'
-      },
       linux: {
         files: [{
           expand: true,
diff --git a/public/views/activity.html b/public/views/activity.html
index bfbc44076..c562dfdf5 100644
--- a/public/views/activity.html
+++ b/public/views/activity.html
@@ -1,10 +1,10 @@
 
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>Recent Activity</ion-nav-title>
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.home">
-        <span translate>Close</span>
+      <button class="button back-button" ui-sref="tabs.home">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
   </ion-nav-bar>
diff --git a/public/views/add.html b/public/views/add.html
index 0acc0abfa..b41d8bd08 100644
--- a/public/views/add.html
+++ b/public/views/add.html
@@ -1,29 +1,29 @@
-<ion-view>
-  <ion-nav-bar class="bar-stable">
+<ion-view id="view-add">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Add wallet' | translate}}</ion-nav-title>
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.home">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ui-sref="tabs.home">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
   </ion-nav-bar>
 
   <ion-content>
     <ion-list>
-      <ion-item class="item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.create.personal">
+      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.create.personal">
         <h2 translate>Create new wallet</h2>
-        <i class="icon ion-chevron-right icon-accessory"></i>
-      </ion-item>
+        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
+      </a>
 
-      <ion-item class="item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.join">
+      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.join">
         <h2 translate>Join shared wallet</h2>
-        <i class="icon ion-chevron-right icon-accessory"></i>
-      </ion-item>
+        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
+      </a>
 
-      <ion-item class="item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.import.phrase">
+      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.import.phrase">
         <h2 translate>Import wallet</h2>
-        <i class="icon ion-chevron-right icon-accessory"></i>
-      </ion-item>
+        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
+      </a>
     </ion-list>
 
   </ion-content>
diff --git a/public/views/amazon.html b/public/views/amazon.html
index 730035d41..1d145f05e 100644
--- a/public/views/amazon.html
+++ b/public/views/amazon.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.home">
-        Close
+      <button class="button back-button" ui-sref="tabs.home">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>Gift cards</ion-nav-title>
@@ -65,4 +65,3 @@
     </div>
   </ion-content>
 </ion-view>
-
diff --git a/public/views/amount.html b/public/views/amount.html
index ce54146ad..ab8060e86 100644
--- a/public/views/amount.html
+++ b/public/views/amount.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ng-click="$ionicGoBack()">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ng-click="$ionicGoBack()">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
   </ion-nav-bar>
diff --git a/public/views/backup.html b/public/views/backup.html
index f7dceb589..66dddae7e 100644
--- a/public/views/backup.html
+++ b/public/views/backup.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 
diff --git a/public/views/bitpayCard.html b/public/views/bitpayCard.html
index 5463dff26..758f2bd01 100644
--- a/public/views/bitpayCard.html
+++ b/public/views/bitpayCard.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.home">
-        Close
+      <button class="button back-button" ui-sref="tabs.home">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>BitPay Card</ion-nav-title>
@@ -38,7 +38,7 @@
              ng-submit="bitpayCard.authenticate()"
              novalidate>
 
-          <div class="list">
+          <div class="card list">
             <label class="item item-input item-stacked-label">
               <span class="input-label">Email</span>
               <input name="email"
@@ -58,7 +58,7 @@
             </label>
           </div>
 
-          <input class="button button-block"
+          <input class="button button-block button-positive"
                  type="submit"
                  ng-disabled="!authenticateForm.$valid || bitpayCard.authenticating"
                  value="Login">
@@ -85,7 +85,7 @@
             </label>
           </div>
 
-          <input class="button button-block"
+          <input class="button button-block button-positive"
                  type="submit"
                  ng-disabled="!authenticate2FAForm.$valid || bitpayCard.authenticating"
                  value="Login">
@@ -216,4 +216,3 @@
     </div>
   </ion-content>
 </ion-view>
-
diff --git a/public/views/buyAmazon.html b/public/views/buyAmazon.html
index d428c84e2..b8a6b1eba 100644
--- a/public/views/buyAmazon.html
+++ b/public/views/buyAmazon.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="amazon.main">
-        <i class="icon ion-chevron-left"></i> Back
+      <button class="button back-button" ui-sref="amazon.main">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>Buy</ion-nav-title>
@@ -154,4 +154,3 @@
 
   </ion-content>
 </ion-view>
-
diff --git a/public/views/buyGlidera.html b/public/views/buyGlidera.html
index 78621413b..ff7d0bd54 100644
--- a/public/views/buyGlidera.html
+++ b/public/views/buyGlidera.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="glidera.main">
-        <i class="icon ion-chevron-left"></i> Back
+      <button class="button back-button" ui-sref="glidera.main">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>Buy</ion-nav-title>
diff --git a/public/views/buyandsell.html b/public/views/buyandsell.html
index a516f5b69..101927d52 100644
--- a/public/views/buyandsell.html
+++ b/public/views/buyandsell.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.home">
-        Close
+      <button class="button back-button" ui-sref="tabs.home">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title translate>Buy and sell</ion-nav-title>
diff --git a/public/views/confirm.html b/public/views/confirm.html
index d2f74bb4c..2d45e16b1 100644
--- a/public/views/confirm.html
+++ b/public/views/confirm.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 
diff --git a/public/views/copayers.html b/public/views/copayers.html
index bba6bec26..aa5b8f626 100644
--- a/public/views/copayers.html
+++ b/public/views/copayers.html
@@ -1,10 +1,10 @@
 
 <ion-view  ng-controller="copayersController">
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{wallet.name}}</ion-nav-title>
     <ion-nav-buttons side="primary">
-      <button class="button" href ui-sref="tabs.home">
-        <i class="ion-arrow-left-c"></i> {{'Back' | translate}}
+      <button class="button back-button" ui-sref="tabs.home">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
   </ion-nav-bar>
diff --git a/public/views/glidera.html b/public/views/glidera.html
index b086db3ea..3c32f93eb 100644
--- a/public/views/glidera.html
+++ b/public/views/glidera.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.home">
-        Close
+      <button class="button back-button" ui-sref="tabs.home">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>Glidera</ion-nav-title>
diff --git a/public/views/glideraUri.html b/public/views/glideraUri.html
index 626118f94..453da1668 100644
--- a/public/views/glideraUri.html
+++ b/public/views/glideraUri.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.home">
-        Close
+      <button class="button back-button" ui-sref="tabs.home">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>Glidera</ion-nav-title>
diff --git a/public/views/join.html b/public/views/join.html
index 7529baf11..3b535a928 100644
--- a/public/views/join.html
+++ b/public/views/join.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.add">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ui-sref="tabs.add">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>{{'Join shared wallet' | translate}}</ion-nav-title>
@@ -17,7 +17,7 @@
 
     <form name="joinForm" ng-submit="join.join(joinForm)" novalidate>
 
-      <div class="list">
+      <div class="card list">
 
         <div class="row">
           <div class="col">
diff --git a/public/views/modals/addressbook.html b/public/views/modals/addressbook.html
index 6607d1a3a..77b43b5ef 100644
--- a/public/views/modals/addressbook.html
+++ b/public/views/modals/addressbook.html
@@ -1,8 +1,7 @@
 <ion-modal-view ng-controller="addressbookModalController" ng-init="initAddressbook()">
-  <ion-header-bar align-title="center" class="bar-stable">
-    <button class="button button-clear button-positive"
-            ng-click="closeAddressbookModal()" translate>
-      Close
+  <ion-header-bar align-title="center" class="bar-royal">
+    <button class="button back-button" ng-click="closeAddressbookModal()">
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </button>
     <div class="h1 title">
       <span ng-show="!addAddressbookEntry" translate>Addressbook</span>
diff --git a/public/views/modals/glidera-tx-details.html b/public/views/modals/glidera-tx-details.html
index bc19dc485..34e3992d5 100644
--- a/public/views/modals/glidera-tx-details.html
+++ b/public/views/modals/glidera-tx-details.html
@@ -1,5 +1,5 @@
 <ion-modal-view ng-controller="glideraTxDetailsController">
-  <ion-header-bar align-title="center" class="bar-stable">
+  <ion-header-bar align-title="center" class="bar-royal">
     <button class="button button-clear button-positive"
             ng-click="cancel()">
       Close
diff --git a/public/views/modals/scanner.html b/public/views/modals/scanner.html
index fb2a9916f..30e197f49 100644
--- a/public/views/modals/scanner.html
+++ b/public/views/modals/scanner.html
@@ -1,5 +1,5 @@
 <ion-modal-view ng-controller="scannerController" ng-init="init()">
-  <ion-header-bar align-title="center" class="bar-stable">
+  <ion-header-bar align-title="center" class="bar-royal">
     <button ng-click="cancel()" class="button button-clear button-positive" translate>
       Close
     </button>
diff --git a/public/views/onboarding/backupWarning.html b/public/views/onboarding/backupWarning.html
index 0a5a4086d..88fa653a5 100644
--- a/public/views/onboarding/backupWarning.html
+++ b/public/views/onboarding/backupWarning.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" href ui-sref="onboarding.backupRequest">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ui-sref="onboarding.backupRequest">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
   </ion-nav-bar>
diff --git a/public/views/preferences.html b/public/views/preferences.html
index d289e0c40..76cbd551a 100644
--- a/public/views/preferences.html
+++ b/public/views/preferences.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesController" ng-init="init()">
diff --git a/public/views/preferencesAbout.html b/public/views/preferencesAbout.html
index 6970fca97..e768ddc8b 100644
--- a/public/views/preferencesAbout.html
+++ b/public/views/preferencesAbout.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button button-stable no-border" ui-sref="tabs.settings">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ui-sref="tabs.settings">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
   </ion-nav-bar>
diff --git a/public/views/preferencesAdvanced.html b/public/views/preferencesAdvanced.html
index 0ce5c7c1c..2c821f634 100644
--- a/public/views/preferencesAdvanced.html
+++ b/public/views/preferencesAdvanced.html
@@ -1,8 +1,8 @@
 <ion-view >
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Advanced Preferences' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content>
diff --git a/public/views/preferencesAlias.html b/public/views/preferencesAlias.html
index b6a63e546..8a8c72d6b 100644
--- a/public/views/preferencesAlias.html
+++ b/public/views/preferencesAlias.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesAliasController" >
diff --git a/public/views/preferencesAltCurrency.html b/public/views/preferencesAltCurrency.html
index f9bae64f8..446a50074 100644
--- a/public/views/preferencesAltCurrency.html
+++ b/public/views/preferencesAltCurrency.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesAltCurrencyController" ng-init="init()" >
diff --git a/public/views/preferencesBitpayCard.html b/public/views/preferencesBitpayCard.html
index b281f8fcb..99f31f893 100644
--- a/public/views/preferencesBitpayCard.html
+++ b/public/views/preferencesBitpayCard.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="bitpayCard.main">
-        <i class="icon ion-chevron-left"></i> Back
+      <button class="button back-button" ui-sref="bitpayCard.main">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>Preferences</ion-nav-title>
@@ -16,4 +16,3 @@
     </ul>
   </ion-content>
 </ion-view>
-
diff --git a/public/views/preferencesBwsUrl.html b/public/views/preferencesBwsUrl.html
index c9cd99af8..54df1a81f 100644
--- a/public/views/preferencesBwsUrl.html
+++ b/public/views/preferencesBwsUrl.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesBwsUrlController" >
diff --git a/public/views/preferencesColor.html b/public/views/preferencesColor.html
index 1114c9011..c0790e3ea 100644
--- a/public/views/preferencesColor.html
+++ b/public/views/preferencesColor.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesColorController" >
diff --git a/public/views/preferencesDeleteWallet.html b/public/views/preferencesDeleteWallet.html
index 16705aae6..c68b8e984 100644
--- a/public/views/preferencesDeleteWallet.html
+++ b/public/views/preferencesDeleteWallet.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content class="has-header" ng-controller="preferencesDeleteWalletController" >
diff --git a/public/views/preferencesDeleteWords.html b/public/views/preferencesDeleteWords.html
index fe4f0f8fd..25a3eaedc 100644
--- a/public/views/preferencesDeleteWords.html
+++ b/public/views/preferencesDeleteWords.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesDeleteWordsController" >
diff --git a/public/views/preferencesEmail.html b/public/views/preferencesEmail.html
index e70230642..2ac020111 100644
--- a/public/views/preferencesEmail.html
+++ b/public/views/preferencesEmail.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesEmailController" >
diff --git a/public/views/preferencesFee.html b/public/views/preferencesFee.html
index c5f363d02..89c2d417e 100644
--- a/public/views/preferencesFee.html
+++ b/public/views/preferencesFee.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 
diff --git a/public/views/preferencesGlidera.html b/public/views/preferencesGlidera.html
index dedea52b0..d34ef5ff1 100644
--- a/public/views/preferencesGlidera.html
+++ b/public/views/preferencesGlidera.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="glidera.main">
-        <i class="icon ion-chevron-left"></i> Back
+      <button class="button back-button" ui-sref="glidera.main">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>Preferences</ion-nav-title>
@@ -275,4 +275,3 @@
     </ul>
   </ion-content>
 </ion-view>
-
diff --git a/public/views/preferencesHistory.html b/public/views/preferencesHistory.html
index abce175fa..001ab547a 100644
--- a/public/views/preferencesHistory.html
+++ b/public/views/preferencesHistory.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesHistory" ng-init="index.updatingTxHistory ? null : csvHistory()">
diff --git a/public/views/preferencesInformation.html b/public/views/preferencesInformation.html
index 92355948e..7e5ee438e 100644
--- a/public/views/preferencesInformation.html
+++ b/public/views/preferencesInformation.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content   ng-controller="preferencesInformation"  ng-init="init()">
diff --git a/public/views/preferencesLanguage.html b/public/views/preferencesLanguage.html
index ccc402b60..3adb8a34a 100644
--- a/public/views/preferencesLanguage.html
+++ b/public/views/preferencesLanguage.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesLanguageController" ng-init="init()" >
diff --git a/public/views/preferencesLogs.html b/public/views/preferencesLogs.html
index 754e1adbf..dcd0add3e 100644
--- a/public/views/preferencesLogs.html
+++ b/public/views/preferencesLogs.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesLogs" ng-init="init()" >
diff --git a/public/views/preferencesUnit.html b/public/views/preferencesUnit.html
index a017c7528..520f43fce 100644
--- a/public/views/preferencesUnit.html
+++ b/public/views/preferencesUnit.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content ng-controller="preferencesUnitController" ng-init="init()" >
diff --git a/public/views/sellGlidera.html b/public/views/sellGlidera.html
index 2aecfabd8..e6aa011a0 100644
--- a/public/views/sellGlidera.html
+++ b/public/views/sellGlidera.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="glidera.main">
-        <i class="icon ion-chevron-left"></i> Back
+      <button class="button back-button" ui-sref="glidera.main">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>Sell</ion-nav-title>
diff --git a/public/views/tab-create-personal.html b/public/views/tab-create-personal.html
index 47044b542..fe741f20c 100644
--- a/public/views/tab-create-personal.html
+++ b/public/views/tab-create-personal.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.add">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ui-sref="tabs.add">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>{{'Create new wallet' | translate}}</ion-nav-title>
@@ -16,7 +16,7 @@
 
     <form name="setupForm" ng-submit="create.create(setupForm)" novalidate>
 
-      <div class="list">
+      <div class="card list">
         <label ng-hide="create.hideWalletName" class="item item-input item-stacked-label">
           <span class="input-label" translate>Wallet name</span>
           <input type="text"
diff --git a/public/views/tab-create-shared.html b/public/views/tab-create-shared.html
index 66043765e..d2ebd3f0e 100644
--- a/public/views/tab-create-shared.html
+++ b/public/views/tab-create-shared.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.add">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ui-sref="tabs.add">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>{{'Create new wallet' | translate}}</ion-nav-title>
@@ -16,7 +16,7 @@
 
     <form name="setupForm" ng-submit="create.create(setupForm)" novalidate>
 
-      <div class="list">
+      <div class="card list">
         <label ng-hide="create.hideWalletName" class="item item-input item-stacked-label">
           <span class="input-label" translate>Wallet name</span>
           <input type="text"
diff --git a/public/views/tab-export-file.html b/public/views/tab-export-file.html
index 9c6cde1c2..6e64f2fce 100644
--- a/public/views/tab-export-file.html
+++ b/public/views/tab-export-file.html
@@ -1,10 +1,10 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Export Wallet' | translate}}</ion-nav-title>
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.preferences.preferencesAdvanced">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
-      </button>
+    <button class="button back-button" ui-sref="tabs.preferences.preferencesAdvanced">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </button>
     </ion-nav-buttons>
   </ion-nav-bar>
 
diff --git a/public/views/tab-export-qrCode.html b/public/views/tab-export-qrCode.html
index d6bb39bce..b6254e42d 100644
--- a/public/views/tab-export-qrCode.html
+++ b/public/views/tab-export-qrCode.html
@@ -1,10 +1,10 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Export Wallet' | translate}}</ion-nav-title>
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ui-sref="tabs.preferences.preferencesAdvanced">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
-      </button>
+    <button class="button back-button" ui-sref="tabs.preferences.preferencesAdvanced">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </button>
     </ion-nav-buttons>
   </ion-nav-bar>
 
diff --git a/public/views/tab-home.html b/public/views/tab-home.html
index 027942cf7..57008200b 100644
--- a/public/views/tab-home.html
+++ b/public/views/tab-home.html
@@ -1,27 +1,22 @@
 <ion-view id="tab-home">
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Home' | translate}}</ion-nav-title>
   </ion-nav-bar>
 
   <ion-content class="padding" ng-controller="tabHomeController" ng-init="updateAllWallets(); nextStep()">
 
-    <div class="card">
-      <div class="item item-divider  item-icon-right" translate>
+    <div class="list card" ng-hide="!notifications[0]">
+      <a class="item item-icon-right item-heading" ui-sref="activity" translate>
         Recent Activity
-        <i class="icon ion-ios-arrow-right" ui-sref="activity"></i>
-      </div>
-      <div ng-if="fetchingNotifications" class="item text-center">
+        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
+      </a>
+      <span ng-if="fetchingNotifications" class="item text-center">
         <ion-spinner icon="lines"></ion-spinner>
         <div translate>Updating activity. Please stand by</div>
-      </div>
-      <div ng-if="!fetchingNotifications">
-        <a class="item" ng-repeat="x in notifications" ng-click="x.action()">
-          <span ng-include="'views/includes/walletActivity.html'"></span>
-        </a>
-        <div class="item" ng-show="!notifications[0]">
-          <span translate>Nothing to show here.</span>
-        </div>
-      </div>
+      </span>
+      <a ng-if="!fetchingNotifications" class="item" ng-repeat="x in notifications" ng-click="x.action()">
+        <span ng-include="'views/includes/walletActivity.html'"></span>
+      </a>
     </div>
 
     <div class="list card" ng-hide="!wallets[0]">
diff --git a/public/views/tab-import-file.html b/public/views/tab-import-file.html
index f215ac6f2..76e34e20e 100644
--- a/public/views/tab-import-file.html
+++ b/public/views/tab-import-file.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable" ng-controller="backController">
+  <ion-nav-bar class="bar-royal" ng-controller="backController">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ng-click="importGoBack()">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ng-click="importGoBack()">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>{{'Import wallet' | translate}}</ion-nav-title>
@@ -16,7 +16,7 @@
 
     <form name="importForm" ng-submit="importBlob(importForm)" novalidate>
 
-      <div class="list">
+      <div class="list card">
 
         <label class="item item-input item-stacked-label no-border" ng-show="!isSafari && !isCordova">
           <div class="input-label" translate>Choose a backup file from your computer</div>
@@ -36,9 +36,9 @@
         <label class="item item-input item-stacked-label">
           <span class="input-label" translate>Password</span>
           <input type="password"
-                 placeholder="{{'Your password'|translate}}"
-                 name="password"
-                 ng-model="password">
+            placeholder="{{'Your password'|translate}}"
+            name="password"
+            ng-model="password">
         </label>
 
         <ion-toggle ng-model="showAdv" toggle-class="toggle-stable">
@@ -56,9 +56,7 @@
         </div>
       </div>
 
-      <button type="submit"
-              class="button round expand black"
-              ng-disabled="importForm.$invalid || !password " translate>
+      <button type="submit" class="button button-block button-positive" ng-disabled="importForm.$invalid || !password " translate>
         Import backup
       </button>
     </form>
diff --git a/public/views/tab-import-hardware.html b/public/views/tab-import-hardware.html
index 6bef8121d..338be0205 100644
--- a/public/views/tab-import-hardware.html
+++ b/public/views/tab-import-hardware.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable" ng-controller="backController">
+  <ion-nav-bar class="bar-royal" ng-controller="backController">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ng-click="importGoBack()">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ng-click="importGoBack()">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>{{'Import wallet' | translate}}</ion-nav-title>
@@ -23,7 +23,7 @@
       </div>
 
       <div ng-show="seedOptions[0]">
-        <div class="list">
+        <div class="card list">
 
           <label class="item item-input item-select">
             <div class="input-label" translate>
diff --git a/public/views/tab-import-phrase.html b/public/views/tab-import-phrase.html
index 0ec717ba8..6207508f7 100644
--- a/public/views/tab-import-phrase.html
+++ b/public/views/tab-import-phrase.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable" ng-controller="backController">
+  <ion-nav-bar class="bar-royal" ng-controller="backController">
     <ion-nav-buttons side="primary">
-      <button class="button no-border" ng-click="importGoBack()">
-        <i class="icon ion-chevron-left"></i> {{'Back' | translate}}
+      <button class="button back-button" ng-click="importGoBack()">
+        <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
     <ion-nav-title>Import wallet</ion-nav-title>
@@ -29,7 +29,7 @@
     </div>
 
     <form name="importForm12" ng-submit="importMnemonic(importForm12)" novalidate>
-      <div class="list">
+      <div class="list card">
 
         <div class="row">
           <div class="col col-90">
@@ -83,8 +83,8 @@
       </div>
 
       <button type="submit"
-              class="button button-block button-positive"
-              ng-disabled="importForm12.$invalid" translate>Import</button>
+        class="button button-block button-positive"
+        ng-disabled="importForm12.$invalid" translate>Import</button>
     </form>
   </ion-content>
 </ion-view>
diff --git a/public/views/tab-receive.html b/public/views/tab-receive.html
index cedff3b8b..284ba4210 100644
--- a/public/views/tab-receive.html
+++ b/public/views/tab-receive.html
@@ -1,5 +1,5 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Receive' | translate}}</ion-nav-title>
   </ion-nav-bar>
 
diff --git a/public/views/tab-scan.html b/public/views/tab-scan.html
index c6df1afcf..282c9d767 100644
--- a/public/views/tab-scan.html
+++ b/public/views/tab-scan.html
@@ -1,5 +1,5 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Scan' | translate}}</ion-nav-title>
   </ion-nav-bar>
 
diff --git a/public/views/tab-send.html b/public/views/tab-send.html
index 786618317..d9251a946 100644
--- a/public/views/tab-send.html
+++ b/public/views/tab-send.html
@@ -1,5 +1,5 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Send' | translate}}</ion-nav-title>
   </ion-nav-bar>
 
diff --git a/public/views/tab-settings.html b/public/views/tab-settings.html
index acb291bec..d0f99acc0 100644
--- a/public/views/tab-settings.html
+++ b/public/views/tab-settings.html
@@ -1,5 +1,5 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Global Settings' | translate}}</ion-nav-title>
   </ion-nav-bar>
 
diff --git a/public/views/termsOfUse.html b/public/views/termsOfUse.html
index a0edffb52..788b1b4b0 100644
--- a/public/views/termsOfUse.html
+++ b/public/views/termsOfUse.html
@@ -1,7 +1,7 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 
diff --git a/public/views/translators.html b/public/views/translators.html
index 1f33e7857..7163e1e45 100644
--- a/public/views/translators.html
+++ b/public/views/translators.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Translators' | translate}}</ion-nav-title>
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content>
diff --git a/public/views/walletDetails.html b/public/views/walletDetails.html
index 89cc021b4..12abcb6c6 100644
--- a/public/views/walletDetails.html
+++ b/public/views/walletDetails.html
@@ -1,8 +1,8 @@
 <ion-view>
-  <ion-nav-bar class="bar-stable">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{wallet.name}}</ion-nav-title>
     <ion-nav-back-button>
-      {{'Back' | translate}}
+      <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 
diff --git a/src/sass/views/common.scss b/src/sass/common.scss
similarity index 62%
rename from src/sass/views/common.scss
rename to src/sass/common.scss
index 53cb79b97..38548d25a 100644
--- a/src/sass/views/common.scss
+++ b/src/sass/common.scss
@@ -25,3 +25,19 @@
     box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
   }
 }
+
+.back-button {
+  border: 0;
+  .icon:before {
+    color: #fff;
+    font-size: 30px !important;
+    font-weight: bold;
+    margin-left: 5px;
+  }
+}
+
+.button-block {
+  width: 90% !important;
+  margin-left: auto;
+  margin-right: auto;
+}
diff --git a/src/sass/ionic.scss b/src/sass/ionic.scss
new file mode 100644
index 000000000..436a4babd
--- /dev/null
+++ b/src/sass/ionic.scss
@@ -0,0 +1,9 @@
+/* Set ionic variables */
+$font-family-sans-serif: "Roboto", sans-serif;
+$font-family-light-sans-serif: "Roboto-Light", sans-serif-light;
+$royal: #1e3186;
+$base-background-color: #f5f5f5;
+
+
+
+@import "../../bower_components/ionic/scss/ionic";
diff --git a/src/sass/main.scss b/src/sass/main.scss
index 6fda65687..fc34e9a98 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -1003,8 +1003,10 @@ input[type=number] {
   }
 }
 
+@import "ionic";
+@import "common";
 @import 'mixins/mixins';
-@import 'views/onboarding/onboarding';
-@import "views/common";
+@import "views/add";
 @import "views/tab-home";
-@import "views/includes/walletActivity";
\ No newline at end of file
+@import 'views/onboarding/onboarding';
+@import "views/includes/walletActivity";
diff --git a/src/sass/views/add.scss b/src/sass/views/add.scss
new file mode 100644
index 000000000..9dd30968f
--- /dev/null
+++ b/src/sass/views/add.scss
@@ -0,0 +1,13 @@
+#view-add {
+
+  .item {
+    margin-bottom: 10px;
+    margin-left: 10px;
+    margin-right: 10px;
+
+    &:first-child {
+      margin-top: 25px;
+    }
+  }
+
+}
diff --git a/src/sass/views/tab-home.scss b/src/sass/views/tab-home.scss
index f9e38aae3..ef56a6403 100644
--- a/src/sass/views/tab-home.scss
+++ b/src/sass/views/tab-home.scss
@@ -19,4 +19,8 @@
     background-repeat: no-repeat;
     background-position: -5px -6px;
   }
+
+  a.item {
+    color: #444;
+  }
 }