diff --git a/css/src/main.css b/css/src/main.css
index a8b52a752..b1e3f04c9 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -248,6 +248,12 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
   color: #FFF;
 }
 
+.home-wallet .wallet-info {
+    margin-left: 0;
+    line-height: 110%;
+    float: left;
+  }
+
 .side-nav.wallets .avatar-wallet, 
 .wallet-selection.wallets .avatar-wallet
 {
diff --git a/css/src/mobile.css b/css/src/mobile.css
index f7504320c..e1f6fa707 100644
--- a/css/src/mobile.css
+++ b/css/src/mobile.css
@@ -143,6 +143,14 @@
     text-align: center;
   }
 
+  .amount {
+    background-color:  #F1F3F5;
+    width: 100%;
+    text-align: center;
+    padding: 2.4rem 1rem;
+    margin-bottom: 15px;
+  }
+
   .scroll-section {
     position: absolute;
     top: 120px;
@@ -184,15 +192,19 @@
     height:100%;   
   }
 
-  .avatar-wallet {
-    background-color: #1ABC9C;
-    color: #fff;
-    margin-top: 5px;
-    margin-left: 5px;
-    margin-right: 13px;
-    padding: 0.35rem 0.65rem;
+  .home-wallet .avatar-wallet {
+    padding: 1.7rem;
+    width: 90px;
+    height: 90px;
+    position: absolute;
+    top: -43px;
+    font-size: 35px;
+    border: 3px solid #fff;
   }
 
+  .home-wallet .wallet-info {
+    margin-left: 100px;
+  }
   
   .copayers {
     position: relative;
diff --git a/views/homeWallet.html b/views/homeWallet.html
index f412f3554..11c35da47 100644
--- a/views/homeWallet.html
+++ b/views/homeWallet.html
@@ -4,51 +4,43 @@
       <h1 translate>Home</h1>
     </div>
   </div>
-
+  
+  
   <div class="row">
-    <div class="large-12 columns">
+    <div class="columns">
       <div class="panel oh">
-        <div class="row p10b">
-          <div class="large-8 medium-6 small-4 columns">
-            <div class="oh">
-              <div class="avatar-wallet left">{{$root.wallet.getName() | limitTo: 1}}</div>
-              <h2 class="m10t ellipsis hide-for-small-only">
-                {{$root.wallet.getName()}} 
-              </h2>
-            </div>
-          </div>
-          <div class="large-4 medium-6 small-8 columns">
-            <div class="text-right">
-              <span class="size-21">
-                <strong>
-                  <span ng-if="!$root.updatingBalance">{{$root.wallet.balanceInfo.totalBalance || 0}}</span>
-              <span ng-if="$root.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
-              {{$root.wallet.settings.unitName}}
-              </strong>
-              </span>
-              <span class="size-14 db m5t text-gray">
-                <span ng-if="!$root.wallet.balanceInfo.updatingBalance && $root.wallet.balanceInfo.alternativeBalanceAvailable">{{$root.wallet.balanceInfo.totalBalanceAlternative}} {{$root.wallet.balanceInfo.alternativeIsoCode}}</span>
-              <span ng-if="!$root.wallet.balanceInfo.updatingBalance && !$root.wallet.balanceInfo.alternativeBalanceAvailable">N/A</span>
-              <span ng-if="$root.wallet.balanceInfo.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
-              </span>
-            </div>
-          </div>
+        <div class="amount hide-for-large-up">
+          <span class="size-36">
+            <strong>
+              <span ng-if="!$root.updatingBalance">{{$root.wallet.balanceInfo.totalBalance || 0}}</span>
+          <span ng-if="$root.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
+          {{$root.wallet.settings.unitName}}
+          </strong>
+          </span>
+          <span class="size-14 db m5t text-gray">
+            <span ng-if="!$root.wallet.balanceInfo.updatingBalance && $root.wallet.balanceInfo.alternativeBalanceAvailable">{{$root.wallet.balanceInfo.totalBalanceAlternative}} {{$root.wallet.balanceInfo.alternativeIsoCode}}</span>
+          <span ng-if="!$root.wallet.balanceInfo.updatingBalance && !$root.wallet.balanceInfo.alternativeBalanceAvailable">N/A</span>
+          <span ng-if="$root.wallet.balanceInfo.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
+          </span>
         </div>
-
-
-        <div class="row line-t">
-          <div class="small-4 medium-4 columns m5t size-12 hide-for-large-up">
-            <a ng-click="$root.go('more')"><i class="fi-widget"></i> Settings</a>
-          </div>
-          <div class="small-8 medium-8 columns m5t">
-            <div class="text-right size-12">
-              <span ng-if="!$root.wallet.isShared()">Personal Wallet</span>
-              <span ng-if="$root.wallet.isShared()">
-                Multisignature wallet [{{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}} ]
-              </span>
-              <span ng-if="$root.wallet.isTestnet()"> in TESTNET</span>
+        <div class="pr">
+          <div class="avatar-wallet left">{{$root.wallet.getName() | limitTo: 1}}</div>      
+          <div class="wallet-info">
+              <p class="m0">
+                {{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}} 
+              </p>
+            <div class="size-12 text-gray">
+              <span ng-if="$root.wallet.isShared() && !$root.wallet.isTestnet()">Multisignature wallet </span>
+              <span ng-if="!$root.wallet.isShared() && !$root.wallet.isTestnet()">Personal Wallet</span>
+              <span ng-if="$root.wallet.isTestnet()"> Testnet</span>
             </div>
           </div>
+          <div class="right">
+            <a ng-click="$root.go('more')" class="button outline light-gray tiny m0">
+              <i class="fi-widget size-18 vm"></i>
+              <span class="show-for-medium-up">Settings</span>
+            </a>
+          </div>
         </div>
       </div>
     </div>