diff --git a/index.html b/index.html
index 0135f5e4c..454dc000b 100644
--- a/index.html
+++ b/index.html
@@ -56,14 +56,14 @@
           <ul class="title-area">
             <li class="name"></li>
             <li class="toggle-topbar menu-icon">
-              <a ng-click="isCollapsed=!isCollapsed"></a>
+              <a ng-click="toggleCollapse()"></a>
             </li>
           </ul>
 
           <section class="top-bar-section {{isCollapsed && 'hide_menu' || 'show_menu'}}">
             <ul>
               <li 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="{{item.icon}}"></i> {{item.title}} 
+                <a href="{{item.link}}" ng-click="toggleCollapse()"> <i class="{{item.icon}}"></i> {{item.title}} 
                   <span class="label alert round" ng-if="item.link=='#/transactions' && $root.pendingTxCount > 0">{{$root.pendingTxCount}}</span>
                 </a>
               </li>
diff --git a/js/controllers/header.js b/js/controllers/header.js
index af2b86fab..36c40e123 100644
--- a/js/controllers/header.js
+++ b/js/controllers/header.js
@@ -76,6 +76,10 @@ angular.module('copay.header').controller('HeaderController',
 
     $rootScope.isCollapsed = true;
 
+    $scope.toggleCollapse = function() {
+      $rootScope.isCollapsed = !$rootScope.isCollapsed;
+    };
+
     function logout() {
       var w = $rootScope.wallet;
       if (w) {