diff --git a/css/src/main.css b/css/src/main.css
index 288b7cb24..584121791 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -557,6 +557,7 @@ a.button-setup {
 .oh {overflow:hidden;}
 .vm {vertical-align: middle;}
 .ma { margin: 0 auto;}
+.tu {text-transform: uppercase;}
 
 .small {
   font-size: 60%;
diff --git a/css/src/mobile.css b/css/src/mobile.css
index e5a32430f..a6002717e 100644
--- a/css/src/mobile.css
+++ b/css/src/mobile.css
@@ -45,7 +45,7 @@
     bottom: 0;
     width: 100%;
     z-index: 5;
-    background: #3C4E60;
+    background: #2C3E50;
   }
 
   .left-off-canvas-menu {
@@ -99,14 +99,15 @@
   }
 
   .bottombar-item a {
-    color: #fff;
-    padding: 4px 0;
+    color: #7A8C9E;
+    padding: 0.5rem 0;
     display: block;
   }
 
   .bottombar-item a.active {
-    color: #000;
-    background-color: #fff;
+    color: #E4E8EC;
+    background-color: #213140;
+    border-bottom: 3px solid #1ABC9C;
   }
 
   .box-founds {
diff --git a/views/includes/bottombar-mobile.html b/views/includes/bottombar-mobile.html
index 08436ba85..aa7925920 100644
--- a/views/includes/bottombar-mobile.html
+++ b/views/includes/bottombar-mobile.html
@@ -1,8 +1,8 @@
-<div class="row" ng-controller="SidebarController">
+<div class="row collapse" ng-controller="SidebarController">
     <div class="medium-3 small-3 columns text-center bottombar-item" data-ng-repeat="item in menu" ui-route="{{item.link}}" ng-if="item.link!='more'">
       <a href="#!/{{item.link}}" ng-class="{active: isActive(item)}"> 
-        <i class="size-24 {{item.icon}} db"></i> 
-        <div class="size-10">
+        <i class="size-36 {{item.icon}} db"></i> 
+        <div class="size-10 tu">
           {{item.title}} 
           <span class="label alert round" ng-if="item.link=='send' && $root.pendingTxCount > 0">{{$root.pendingTxCount}}</span>
         </div>