diff --git a/js/views/header/menu.js b/js/views/header/menu.js
index 0033514..2e849dc 100644
--- a/js/views/header/menu.js
+++ b/js/views/header/menu.js
@@ -10,14 +10,14 @@ define([
     },
     render: function () {
       $(this.el).html(headerMenuTemplate);
-      $('a[href="' + window.location.hash + '"]').addClass('active');
+      $('a[href="' + window.location.hash + '"]').parent().addClass('active');
     },
     events: {
       'click a': 'highlightMenuItem'
     },
     highlightMenuItem: function (ev) {
       $('.active').removeClass('active');
-      $(ev.currentTarget).addClass('active');
+      $(ev.currentTarget).parent().addClass('active');
     }
   })
 
diff --git a/templates/header/menu.html b/templates/header/menu.html
index a70281a..126d4c5 100644
--- a/templates/header/menu.html
+++ b/templates/header/menu.html
@@ -11,7 +11,7 @@
           <a class="brand" href="#">Backbone Boilerplate</a>
           <div class="nav-collapse collapse">
             <ul class="nav">
-              <li class="active"><a href="#/">Home</a></li>
+              <li><a href="#/">Home</a></li>
               <li><a href="#/modules">Modules</a></li>
               <li><a href="#/optimize">Optimize</a></li>
               <li><a href="#/manager">Views</a></li>