diff --git a/css/src/mobile.css b/css/src/mobile.css
index a46016e50..6ccf3f279 100644
--- a/css/src/mobile.css
+++ b/css/src/mobile.css
@@ -18,6 +18,12 @@
     display: none;
   }
 
+  .sidebar.bottom-bar {
+    background: #213140;
+    padding: 1.2rem;
+    font-size: 14px;
+  }
+
   .page, .main {
     height: auto;
   }
@@ -46,6 +52,15 @@
     width: 100%;
     z-index: 5;
     background: #2C3E50;
+    height: 65px;
+    text-align: center;
+  }
+
+  .bar-lock {
+    background: #213140;
+    height: 65px;
+    width: 100%;
+    text-align: center;
   }
 
   .home, .settings, .createProfile, .import-profile {
@@ -62,6 +77,9 @@
     height: 55px;
     line-height: 110%;
     background-color: #213140;
+    position: fixed;
+    width: 100%;
+    top: 0;
   }
 
   header .photo-container {
@@ -76,6 +94,11 @@
     text-align: center;
   }
 
+  .scroll-section {
+    margin: 55px 0 85px;
+
+  }
+
   .col3 a {
     height: 45px;
     padding: 12px 5px;
@@ -274,6 +297,24 @@
     -webkit-tap-highlight-color:rgba(0,0,0,0);
   }
 
+  .button-addwallet {
+    background: #D8DEE3;
+    border-radius: 4px;
+    color: #7A8C9E;
+    text-transform: uppercase;
+    font-weight: 700;
+    font-size: 12px;
+    margin: 20px;
+  }
+
+  .button-addwallet i {
+    background-color: #7A8C9E;
+    color: #D8DEE3;
+    border-radius: 100%;
+    padding: .1rem 0.25rem;
+    margin-right: 5px;
+  }
+
   .modal.fade, .reveal-modal-bg {
     opacity: 1;
   }
diff --git a/views/includes/sidebar-mobile.html b/views/includes/sidebar-mobile.html
index cfb500e70..91adbeb30 100644
--- a/views/includes/sidebar-mobile.html
+++ b/views/includes/sidebar-mobile.html
@@ -1,51 +1,58 @@
-<header>
-  <a ng-click="$root.go('profile')" class="db nav-item" title="Create new wallet">
-    <div class="photo-container left">
-      <img gravatar-src="'{{$root.iden.getName()}}'" gravatar-size="40">
-    </div>
-    <div class="left">
-      <p class="text-white m0">{{$root.iden.getName()}}</p>
-      <span class="db text-gray size-10"> {{'View My Profile' | translate }} </span>
-    </div>
-    <div class="right">
-      <i class="icon-arrow-right3 size-16 db m10t text-white"></i>
-    </div>
-  </a>
-</header>
-<ul class="side-nav wallets off-canvas-list" ng-show="wallets[0]">
-  <li 
-  ng-repeat="item in wallets track by $index"
-  ng-class="{'selected': item.id == $root.wallet.id}"
-  class="nav-item" ng-click="switchWallet(item.id)" >
-  <div class="col1">
-    <div class="avatar-wallet">{{(item.name || item.id) | limitTo: 1}}</div>
-  </div>
-  <div class="col2">
-    <a class="size-12 wallet-item">
-      <div class="oh">
-        <div class="right size-10 text-gray">
-          [ {{item.requiredCopayers}} of {{item.totalCopayers}} ]</div> 
-        <div class="ellipsis name-wallet text-black">{{item.name || item.id}}</div>
+<div class="pr">
+  <header ng-click="$root.go('profile')">
+    <a class="db nav-item" title="Create new wallet">
+      <div class="photo-container left">
+        <img gravatar-src="'{{$root.iden.getName()}}'" gravatar-size="40">
       </div>
-      <div class="oh">
-        <span ng-if="item.isComplete() && item.balanceInfo.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
-        <div ng-if="item.isComplete() && !item.balanceInfo.updatingBalance" data-options="disable_for_touch:true">
-          <b class="m5r size-12">{{item.balanceInfo.totalBalance || 0}} {{item.settings.unitName}}</b>
-          <span class="alt-currency gray size-10">{{item.balanceInfo.totalBalanceAlternative}} {{item.balanceInfo.alternativeIsoCode}}</span>
-        </div>
-        <span ng-if="!item.isComplete()">Waiting for copayers...</span>
+      <div class="left">
+        <p class="text-white m0">{{$root.iden.getName()}}</p>
+        <span class="db text-gray size-10"> {{'View My Profile' | translate }} </span>
+      </div>
+      <div class="right">
+        <i class="icon-arrow-right3 size-16 db m10t text-white"></i>
       </div>
     </a>
+  </header>
+  <div class="scroll-section">
+    <ul class="side-nav wallets off-canvas-list" ng-show="wallets[0]">
+      <li 
+      ng-repeat="item in wallets track by $index"
+      ng-class="{'selected': item.id == $root.wallet.id}"
+      class="nav-item" ng-click="switchWallet(item.id)" >
+      <div class="col1">
+        <div class="avatar-wallet">{{(item.name || item.id) | limitTo: 1}}</div>
+      </div>
+      <div class="col2">
+        <a class="size-12 wallet-item">
+          <div class="oh">
+            <div class="right size-10 text-gray">
+              [ {{item.requiredCopayers}} of {{item.totalCopayers}} ]</div> 
+            <div class="ellipsis name-wallet text-black">{{item.name || item.id}}</div>
+          </div>
+          <div class="oh text-bold">
+            <span ng-if="item.isComplete() && item.balanceInfo.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
+            <div ng-if="item.isComplete() && !item.balanceInfo.updatingBalance" data-options="disable_for_touch:true">
+              <b class="m5r size-12">{{item.balanceInfo.totalBalance || 0}} {{item.settings.unitName}}</b>
+              <span class="alt-currency gray size-10">{{item.balanceInfo.totalBalanceAlternative}} {{item.balanceInfo.alternativeIsoCode}}</span>
+            </div>
+            <span ng-if="!item.isComplete()">Waiting for copayers...</span>
+          </div>
+        </a>
+      </div>
+      </li> 
+    </ul>
+    <a class="db button-addwallet button" title="Add wallet" ng-click="$root.go('add')">
+      <i class="fi-plus"></i> Add wallet
+    </a>
+
+    <div class="text-gray size-12 text-center columns">
+      <div ng-include="'views/includes/version.html'"></div>
+    </div>
   </div>
-  </li> 
-</ul>
-<a class="db" title="Add wallet" ng-click="$root.go('add')">
-  Add wallet
-</a>
-<a class="db" title="Close" ng-click="signout()">
-  <span ng-if="!$root.hasPin"><i class="size-24 m20r fi-power"></i> {{'Close'|translate}}</span>
-  <span ng-if="$root.hasPin"><i class="size-24 m20r fi-lock"></i> {{'Lock'|translate}}</span>
-</a>
-<div class="text-gray size-12 text-center columns">
-  <div ng-include="'views/includes/version.html'"></div>
-</div>
+  <div class="sidebar bottom-bar">
+    <a class="db text-gray tu" title="Close" ng-click="signout()">
+      <span ng-if="!$root.hasPin"><i class="size-16 m5r icon-locked"></i> {{'Close'|translate}}</span>
+      <span ng-if="$root.hasPin"><i class="size-16 m5r icon-locked"></i> {{'Lock'|translate}}</span>
+    </a>
+  </div>
+</div>
\ No newline at end of file