diff --git a/css/main.css b/css/main.css
index fb89f1cf6..769cc64ab 100644
--- a/css/main.css
+++ b/css/main.css
@@ -198,7 +198,7 @@ a:hover {
 }
 
 .button.small.side-bar {
-  padding: 0.2rem 0.4rem;
+  padding: 0rem 0.4rem;
 }
 
 .waiting {
@@ -846,6 +846,20 @@ button[disabled].black:focus,
   color: #E6E6E6;
 }
 
+/* GRAY */
+button.gray, 
+.button.gray { 
+  background-color: #A9B2B8;
+  color: #2C3E50;
+}
+button.gray:hover, 
+button.gray:focus, 
+.button.gray:hover, 
+.button.gray:focus {
+  background-color: #E0E5E5;
+  color: #2C3E50;
+}
+
 .side-nav {padding: 0;}
 
 .side-nav li {
diff --git a/views/includes/peer-list.html b/views/includes/peer-list.html
index 190b47814..4adcce3bf 100644
--- a/views/includes/peer-list.html
+++ b/views/includes/peer-list.html
@@ -1,7 +1,7 @@
 <div ng-controller="VideoController" class="copayers">
   <div>
     <h3>
-      <i class="fi-torsos-all size-24 m20r"></i>
+      <i class="fi-torsos-all size-21 m20r"></i>
       Copayers
       <small class="m15l">
         {{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}}
diff --git a/views/includes/sidebar.html b/views/includes/sidebar.html
index 929126c42..29f00ed44 100644
--- a/views/includes/sidebar.html
+++ b/views/includes/sidebar.html
@@ -1,25 +1,25 @@
 <div ng-controller="SidebarController">
-  <header class="text-center p20">
-    <a href="/" class="db">
-      <img src="../img/logo-negative-beta.svg" alt="" width="100">
-    </a>
-    <div>
-    <small>v{{version}}</small>
-    <small ng-if="$root.wallet.getNetworkName()=='livenet'">LIVENET</small>
-    <small ng-if="$root.wallet.getNetworkName()=='testnet'">TESTNET</small>
+  <header class="p20">
+    <div class="text-center">
+      <a href="/" class="db">
+        <img src="../img/logo-negative-beta.svg" alt="" width="100">
+      </a>
+      <div>
+        <small>v{{version}}</small>
+        <small ng-if="$root.wallet.getNetworkName()=='livenet'">LIVENET</small>
+        <small ng-if="$root.wallet.getNetworkName()=='testnet'">TESTNET</small>
+      </div>
     </div>
     <div class="line-sidebar"></div>
     <div>
       <a href="/addresses" class="name-wallet" tooltip-placement="bottom" tooltip="ID: {{$root.wallet.id}}">
         <span>{{$root.wallet.getName()}}</span>
       </a>
-      <a class="button primary small side-bar" title="Manual Refresh"
+      <a class="button gray small side-bar right" title="Manual Refresh"
       ng-disabled="$root.loading"
       ng-click="refresh()"><i class="size-16 fi-refresh"></i></a>
-      <a class="button primary small side-bar" title="Signout"
-      ng-click="signout()"><i class="size-16 fi-power"></i></a>
     </div>
-    <div class="founds size-12">
+    <div class="founds size-14 m10v">
       Balance
       <span ng-if="$root.updatingBalance">
         <i class="fi-bitcoin-circle icon-rotate spinner"></i>
@@ -48,10 +48,14 @@
   <ul class="side-nav">
     <li data-ng-repeat="item in menu" ui-route="/{{item.link}}" class="nav-item" data-ng-class="{active: isActive(item)}">
       <a href="{{item.link}}" ng-click="toggleCollapse()" class="db p20h"> 
-        <i class="size-24 m20r {{item.icon}}"></i> {{item.title}}
+        <i class="size-21 m20r {{item.icon}}"></i> {{item.title}}
         <span class="label alert round" ng-if="item.link=='transactions' && $root.pendingTxCount > 0">{{$root.pendingTxCount}}</span>
       </a>
     </li>
+    <li>
+      <a href="#" class="db p20h" title="Signout"
+      ng-click="signout()"><i class="size-21 m20r fi-power"></i> Signout</a>
+    </li>
   </ul>
 
   <div ng-include="'views/includes/peer-list.html'"></div>