diff --git a/public/views/walletDetails.html b/public/views/walletDetails.html
index 59d725aa4..cdb0e4db7 100644
--- a/public/views/walletDetails.html
+++ b/public/views/walletDetails.html
@@ -1,14 +1,17 @@
 <ion-view id="walletDetails" ng-controller="walletDetailsController" ng-init="init()">
-  <ion-header-bar ng-style="{'background-color': walletDetailsColor}">
-    <button class="button back-button" ng-click="$ionicGoBack()">
-      <i class="icon ion-ios-arrow-thin-left"></i>
-    </button>
-    <h1 class="title">{{walletDetailsName}}</h1>
-    <button class="button search-button" ng-click="startSearch(); openSearchModal()">
-      <i class="icon ion-ios-search-strong"></i>
-    </button>
-  </ion-header-bar>
-
+  <ion-nav-bar ng-style="{'background-color': walletDetailsColor}">
+    <ion-nav-title>{{walletDetailsName}}</ion-nav-title>
+    <ion-nav-buttons side="primary">
+      <button class="button back-button" ui-sref="tabs.home">
+        <i class="icon ion-ios-arrow-thin-left"></i>
+      </button>
+    </ion-nav-buttons>
+    <ion-nav-buttons side="secondary">
+      <button class="button back-button" ng-click="startSearch(); openSearchModal()">
+        <i class="icon ion-ios-search-strong"></i>
+      </button>
+    </ion-nav-buttons>
+  </ion-nav-bar>
   <ion-content delegate-handle="my-handle">
     <div class="oh pr" ng-show="wallet && wallet.isComplete()">
       <div ng-style="{'background-color':wallet.color}" class="amount">
diff --git a/src/sass/views/walletDetails.scss b/src/sass/views/walletDetails.scss
index 511e7b2bd..b34001952 100644
--- a/src/sass/views/walletDetails.scss
+++ b/src/sass/views/walletDetails.scss
@@ -9,7 +9,9 @@
       background-color: transparent;
     }
   }
-
+  .nav-bar-block, .bar {
+  background-color: inherit !important;
+  }
   .amount {
     width: 100%;
     text-align: center;