diff --git a/public/views/includes/menu-item.html b/public/views/includes/menu-item.html
index 79e09d0cf..50b0e424c 100644
--- a/public/views/includes/menu-item.html
+++ b/public/views/includes/menu-item.html
@@ -1,4 +1,4 @@
-<a  ng-click="index.setTab(item, false, 0, true)" ng-class="{'active': index.tab == item.link}" id="menu-{{item.link}}">
+<a  ng-click="index.setTab(item, false, 0, true)" ng-class="{'background-color': index.tab == item.link}" id="menu-{{item.link}}">
     <i class="size-24 {{item.icon}} db"></i>
     <div class="size-10 tu">
         {{ item.title|translate }}
diff --git a/src/css/mobile.css b/src/css/mobile.css
index f891c52e2..3ffad4890 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -150,7 +150,8 @@ _:-ms-fullscreen, :root .main {
   bottom: 0;
   width: 100%;
   z-index: 5;
-  background: #2C3E50;
+  background: #FFFFFF;
+  box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.20);
 }
 
 .second-bottom-bar {
@@ -246,15 +247,13 @@ ul.copayer-list img {
 }
 
 .bottombar-item a {
-  color: #9EA9B3;
+  color: #A5B2BF;
   padding: 0.5rem 0;
   display: block;
-  border-top: 3px solid #122232;
 }
 
 .bottombar-item a.active {
-  color: #E4E8EC;
-  background-color: #122232;
+  color: #2C3E50;
 }
 
 .box-founds {