diff --git a/css/main.css b/css/main.css
index 9ceb2b6fc..6751923f5 100644
--- a/css/main.css
+++ b/css/main.css
@@ -113,7 +113,7 @@ button.primary { background-color: #111; }
 button.secondary { background-color: #FAE448 !important; }
 
 button.primary:hover { background-color: #333;}
-button.secondary:hover { background-color: #D7C020 !important;}
+button.secondary:hover { background-color: #FFDF00 !important;}
 
 .m0 {margin: 0;}
 .db {display: block;}
diff --git a/index.html b/index.html
index 069cf57e9..9f03cd32f 100644
--- a/index.html
+++ b/index.html
@@ -23,18 +23,16 @@
         </div>
 
       <nav class="top-bar" data-topbar ng-show="$root.peerId">
-        <!-- TODO : porque el repeat en UL y no en LI?? -->
-        <ul class="title-area" data-ng-repeat="item in menu" ui-route="/{{item.link}}" data-ng-class="{active: isActive(item)}">
+        <ul class="title-area">
           <li class="name"></li>
           <li class="toggle-topbar menu-icon">
-            <a href="{{item.link}}">{{item.title}}</a>
+            <a href="#"> Menu</a>
           </li>
         </ul>
 
         <section class="top-bar-section">
-          <!-- Right Nav Section -->
           <ul>
-            <li data-ng-repeat="item in menu" ui-route="/{{item.link}}" class="large-2 text-center" data-ng-class="{active: isActive(item)}">
+            <li style="width:20%;" data-ng-repeat="item in menu" ui-route="/{{item.link}}" class="text-center" data-ng-class="{active: isActive(item)}">
               <a href="{{item.link}}"> <i class="fi-home size-16"></i> {{item.title}}</a>
             </li>
           </ul>