diff --git a/src/sass/views/walletDetails.scss b/src/sass/views/walletDetails.scss
index f3eea2550..e54502fb7 100644
--- a/src/sass/views/walletDetails.scss
+++ b/src/sass/views/walletDetails.scss
@@ -1,3 +1,30 @@
+.wallet-details {
+  &__tx-amount {
+    font-size: 16px;
+    &--recent {
+      color: $mid-gray;
+      font-weight: bold;
+    }
+    &--received {
+      color: #30af6c;
+    }
+    &--sent {
+      color: $dark-gray;
+    }
+  }
+  &__tx-time {
+    color: $light-gray;
+  }
+  &__tx-title {
+    padding-top: 10px;
+    color: $dark-gray;
+  }
+  &__tx-icon {
+    float: left;
+    margin-right: 10px;
+  }
+}
+
 #walletDetails {
   .bar-header {
     border: 0;
@@ -31,23 +58,8 @@
   .item.item-footer {
     font-weight: lighter;
   }
-}
-
-.wallet-details-release {
-  cursor: pointer;
-  cursor: hand;
-  background-color: #E9E9EC;
-  margin-top: -30px;
-  margin-bottom: 5px;
-  padding-top: 30px;
-  padding-bottom: 20px;
-  text-align: center;
-  text-color: #444;
-  span {
-    margin-left: 15px;
-  }
-  i {
-    margin-right: 15px;
+  .tx-search:before {
+    font-size: 22px !important;
   }
 }
 
diff --git a/www/img/icon-tx-moved.svg b/www/img/icon-tx-moved.svg
new file mode 100644
index 000000000..4f86c7722
--- /dev/null
+++ b/www/img/icon-tx-moved.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.8;fill:#F2F2F2;enable-background:new    ;}
+	.st1{fill:none;stroke:#BEBEBE;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.0416 17)" class="st0" cx="17" cy="17" rx="16.5" ry="16.5"/>
+<path class="st1" d="M22.7,16.9H11.1 M18,21.9l4.9-5l-4.8-4.9"/>
+</svg>
diff --git a/www/img/icon-tx-received.svg b/www/img/icon-tx-received.svg
new file mode 100644
index 000000000..37d4d84c9
--- /dev/null
+++ b/www/img/icon-tx-received.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.8;fill:#EFFEF6;enable-background:new    ;}
+	.st1{fill:none;stroke:#7FB197;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.0416 17)" class="st0" cx="17" cy="17" rx="16.5" ry="16.5"/>
+<path class="st1" d="M17.2,25.6V8.1 M9.6,18.5l7.4,7.4l7.3-7.1"/>
+</svg>
diff --git a/www/img/icon-tx-sent.svg b/www/img/icon-tx-sent.svg
new file mode 100644
index 000000000..fc8148465
--- /dev/null
+++ b/www/img/icon-tx-sent.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.8;fill:#F2F2F2;enable-background:new    ;}
+	.st1{fill:none;stroke:#BEBEBE;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<path class="st0" d="M5.3,28.7c-6.4-6.4-6.4-16.9,0-23.3s16.9-6.4,23.3,0s6.4,16.9,0,23.3S11.8,35.1,5.3,28.7z"/>
+<path class="st1" d="M17.2,9.4v16.5 M9.6,15.5l7.4-7.4l7.3,7.1"/>
+</svg>
diff --git a/www/views/buyAmazon.html b/www/views/buyAmazon.html
index 8dc95908e..5be01b13d 100644
--- a/www/views/buyAmazon.html
+++ b/www/views/buyAmazon.html
@@ -33,7 +33,7 @@
             ng-submit="buy.confirm()"
             novalidate>
 
-        <div class="card list">
+        <div class="list">
           <label class="item item-input item-stacked-label">
             <span class="input-label">Amount</span>
             <input type="number"
diff --git a/www/views/buyGlidera.html b/www/views/buyGlidera.html
index 457375456..6768249ba 100644
--- a/www/views/buyGlidera.html
+++ b/www/views/buyGlidera.html
@@ -32,7 +32,7 @@
       <form name="buyPriceForm" ng-if="token"
         ng-submit="buy.get2faCode(token)" novalidate>
 
-        <div class="card list">
+        <div class="list">
           <label class="item item-input item-stacked-label">
             <span class="input-label">Amount in {{showAlternative ? 'USD' : 'BTC'}}</span>
             <input ng-show="!showAlternative"
@@ -96,7 +96,7 @@
         </p>
         <form name="buyForm"
           ng-submit="buy.sendRequest(token, permissions, twoFaCode)" novalidate>
-          <div class="card list">
+          <div class="list">
             <label class="item item-input">
               <input type="number" ng-model="twoFaCode" placeholder="2FA Code" required ignore-mouse-wheel>
             </label>
diff --git a/www/views/glidera.html b/www/views/glidera.html
index e5e9335f3..1769f907e 100644
--- a/www/views/glidera.html
+++ b/www/views/glidera.html
@@ -52,7 +52,7 @@
         </div>
         <div ng-show="showOauthForm">
           <form name="oauthCodeForm" ng-submit="glidera.submitOauthCode(code)" novalidate>
-            <div class="card list">
+            <div class="list">
               <label class="item item-input item-stacked-label">
                 <span class="input-label">OAuth Code</span>
                 <input type="text"
diff --git a/www/views/modals/customAmount.html b/www/views/modals/customAmount.html
index 09c957a93..2f33a3158 100644
--- a/www/views/modals/customAmount.html
+++ b/www/views/modals/customAmount.html
@@ -1,5 +1,5 @@
 <ion-modal-view ng-controller="customAmountController">
-  <ion-header-bar align-title="center" class="tab-bar" ng-style="{'background-color':color}">
+  <ion-header-bar align-title="center" class="tab-bar" ng-style="{'background-color':color, 'border-color': color}">
     <div class="left-small">
       <a ng-click="cancel()" class="p10">
         <span class="text-close" translate>Close</span>
diff --git a/www/views/modals/paypro.html b/www/views/modals/paypro.html
index e3fc96488..7bcdff20b 100644
--- a/www/views/modals/paypro.html
+++ b/www/views/modals/paypro.html
@@ -1,5 +1,5 @@
 <ion-modal-view ng-controller="payproController">
-  <ion-header-bar align-title="center" class="bar-royal" ng-style="{'background-color': color}">
+  <ion-header-bar align-title="center" class="bar-royal" ng-style="{'background-color': color, 'border-color': color}">
     <button class="button button-clear" ng-click="cancel()">
       {{'Close' | translate}}
     </button>
diff --git a/www/views/modals/search.html b/www/views/modals/search.html
index 497061603..ec2f0cd82 100644
--- a/www/views/modals/search.html
+++ b/www/views/modals/search.html
@@ -1,5 +1,5 @@
 <ion-modal-view>
-  <ion-header-bar align-title="center" class="bar-royal" ng-style="{'background-color':color}">
+  <ion-header-bar align-title="center" class="bar-royal" ng-style="{'background-color':color, 'border-color': color}">
     <button class="button button-clear" ng-click="close()">
       Close
     </button>
diff --git a/www/views/modals/tx-details.html b/www/views/modals/tx-details.html
index a34febe9b..3274187a3 100644
--- a/www/views/modals/tx-details.html
+++ b/www/views/modals/tx-details.html
@@ -1,5 +1,5 @@
 <ion-modal-view ng-controller="txDetailsController" ng-init="init()" id="tx-details">
-  <ion-header-bar align-title="center" class="bar-royal" ng-style="{'background-color': color}">
+  <ion-header-bar align-title="center" class="bar-royal" ng-style="{'background-color': color, 'border-color': color}">
     <button class="button button-clear" ng-click="cancel()">
       {{'Close' | translate}}
     </button>
@@ -72,7 +72,7 @@
       <div ng-show="btx.hasMultiplesOutputs" class="item item-icon-right item-heading" ng-click="showMultiplesOutputs = !showMultiplesOutputs">
         {{'Recipients'|translate}}
           [ {{btx.recipientCount}} ]
-          
+
         <i class="icon bp-arrow-up" ng-show="showMultiplesOutputs"></i>
         <i class="icon bp-arrow-down" ng-show="!showMultiplesOutputs"></i>
       </div>
diff --git a/www/views/preferencesBwsUrl.html b/www/views/preferencesBwsUrl.html
index 67f61743f..d03d415bc 100644
--- a/www/views/preferencesBwsUrl.html
+++ b/www/views/preferencesBwsUrl.html
@@ -6,7 +6,7 @@
   </ion-nav-bar>
   <ion-content>
 
-    <div class="card list">
+    <div class="list">
       <label class="item item-input item-stacked-label no-border">
         <span class="input-label">Wallet Service URL</span>
         <input type="text" id="bwsurl" type="text" name="bwsurl" ng-model="bwsurl.value">
diff --git a/www/views/sellGlidera.html b/www/views/sellGlidera.html
index 938b14fdc..f6ce711c0 100644
--- a/www/views/sellGlidera.html
+++ b/www/views/sellGlidera.html
@@ -31,7 +31,7 @@
       <form name="sellPriceForm" ng-if="token"
         ng-submit="sell.get2faCode(token)" novalidate>
 
-        <div class="card list">
+        <div class="list">
           <label class="item item-input item-stacked-label">
             <span class="input-label"><span>Amount in</span> {{showAlternative ? 'USD' : 'BTC'}}</span>
             <input ng-show="!showAlternative"
@@ -96,7 +96,7 @@
         </p>
         <form name="sellForm"
               ng-submit="sell.createTx(token, permissions, twoFaCode)" novalidate>
-          <div class="card list">
+          <div class="list">
             <label class="item item-input">
               <input type="number" ng-model="twoFaCode" placeholder="2FA Code" required ignore-mouse-wheel>
             </label>
diff --git a/www/views/walletDetails.html b/www/views/walletDetails.html
index b73bd0501..ae768eddb 100644
--- a/www/views/walletDetails.html
+++ b/www/views/walletDetails.html
@@ -5,7 +5,7 @@
     </ion-nav-back-button>
     <ion-nav-buttons side="secondary">
       <button class="button back-button" ng-click="startSearch(); openSearchModal()">
-        <i class="icon ion-ios-search-strong"></i>
+        <i class="icon ion-ios-search tx-search"></i>
       </button>
     </ion-nav-buttons>
   </ion-nav-bar>
@@ -91,7 +91,7 @@
       </div>
 
 
-      <div class="card list" ng-if="txps[0]">
+      <div class="list" ng-if="txps[0]">
         <div class="item item-heading" translate>
           <span ng-show="requiresMultipleSignatures" translate>Payment Proposals</span>
           <span ng-show="!requiresMultipleSignatures" translate>Unsent transactions</span>
@@ -125,12 +125,11 @@
         </div>
       </div>
 
-      <div class="card list" ng-show="txHistory[0]">
+      <div class="list" ng-show="txHistory[0]">
         <div class="item" ng-repeat="btx in txHistory track by $index" ng-click="openTxModal(btx)">
           <span class="item-note text-right">
-            <span class="size-16"  ng-class="{'text-bold': btx.recent}">
-              <span ng-if="btx.action == 'received'">+</span>
-              <span ng-if="btx.action == 'sent'">-</span>
+            <span class="wallet-details__tx-amount" ng-class="{'wallet-details__tx-amount--recent': btx.recent, 'wallet-details__tx-amount--received': btx.action == 'received', 'wallet-details__tx-amount--sent': btx.action == 'sent'}">
+              <span ng-if="btx.action == 'sent'">–</span>
               <span  class="size-12" ng-if="btx.action == 'invalid'" translate>
               (possible double spend)
               </span>
@@ -139,42 +138,42 @@
               </span>
             </span>
             <p>
-              <time ng-if="btx.time">{{btx.time * 1000 | amTimeAgo}}</time>
+              <time class="wallet-details__tx-time" ng-if="btx.time">{{btx.time * 1000 | amTimeAgo}}</time>
               <span translate class="text-warning"
                 ng-show="!btx.time && (!btx.confirmations || btx.confirmations == 0)">
                 Unconfirmed
               </span>
             </p>
           </span>
-          <img class="left m10r" src="img/icon-receive-history.svg" alt="sync" width="40" ng-if="btx.action == 'received'">
-          <img class="left m10r" src="img/icon-sent-history.svg" alt="sync" width="40" ng-if="btx.action == 'sent'">
-          <img class="left m10r" src="img/icon-moved.svg" alt="sync" width="40" ng-if="btx.action == 'moved'">
+          <img class="wallet-details__tx-icon" src="img/icon-tx-received.svg" alt="sync" width="40" ng-if="btx.action == 'received'">
+          <img class="wallet-details__tx-icon" src="img/icon-tx-sent.svg" alt="sync" width="40" ng-if="btx.action == 'sent'">
+          <img class="wallet-details__tx-icon" src="img/icon-tx-moved.svg" alt="sync" width="40" ng-if="btx.action == 'moved'">
 
-          <h2 class="p10t">
+          <div class="wallet-details__tx-title">
             <div ng-if="btx.action == 'received'">
               <span class="ellipsis">
-                <h2 ng-if="btx.note.body">{{btx.note.body}}</h2>
-                <h2 ng-if="!btx.note.body" translate> Received</h2>
+                <div ng-if="btx.note.body">{{btx.note.body}}</div>
+                <div ng-if="!btx.note.body" translate> Received</div>
               </span>
             </div>
 
             <div ng-if="btx.action == 'sent'">
               <span class="ellipsis">
-                <h2 ng-if="btx.message">{{btx.message}}</h2>
-                <h2 ng-if="!btx.message && btx.note.body">{{btx.note.body}}</h2>
-                <h2 ng-if="!btx.message && !btx.note.body && wallet.addressbook[btx.addressTo]">{{wallet.addressbook[btx.addressTo]}}</h2>
-                <h2 ng-if="!btx.message && !btx.note.body && !wallet.addressbook[btx.addressTo]" translate> Sent</h2>
+                <div ng-if="btx.message">{{btx.message}}</div>
+                <div ng-if="!btx.message && btx.note.body">{{btx.note.body}}</div>
+                <div ng-if="!btx.message && !btx.note.body && wallet.addressbook[btx.addressTo]">{{wallet.addressbook[btx.addressTo]}}</div>
+                <div ng-if="!btx.message && !btx.note.body && !wallet.addressbook[btx.addressTo]" translate> Sent</div>
               </span>
             </div>
 
             <div ng-if="btx.action == 'moved'">
               <span class="ellipsis">
-                <h2 ng-if="btx.note.body">{{btx.note.body}}</h2>
-                <h2 ng-if="!btx.note.body" translate>Moved</h2>
+                <div ng-if="btx.note.body">{{btx.note.body}}</div>
+                <div ng-if="!btx.note.body" translate>Moved</div>
               </span>
             </div>
             <span class="label tu warning radius" ng-if="btx.action == 'invalid'" translate>Invalid</span>
-          </h2>
+          </div>
         </div>
       </div>
       <ion-infinite-scroll