diff --git a/bower.json b/bower.json
index 3d7a7451dc..a49e03392d 100644
--- a/bower.json
+++ b/bower.json
@@ -9,7 +9,8 @@
 		"angular-animate": "~1.2",
 		"angular-mocks": "~1.2",
 		"angular-bootstrap": "~0.11.2",
+		"angular-bootstrap": "~0.12.0",
 		"angular-ui-utils": "~0.1.1",
 		"angular-ui-router": "~0.2.11" 
 	}
-}
\ No newline at end of file
+}
diff --git a/public/modules/core/views/header.client.view.html b/public/modules/core/views/header.client.view.html
index eb6ac6dfa4..541aa3a8d4 100644
--- a/public/modules/core/views/header.client.view.html
+++ b/public/modules/core/views/header.client.view.html
@@ -11,7 +11,7 @@
 	<nav class="collapse navbar-collapse" collapse="!isCollapsed" role="navigation">
 		<ul class="nav navbar-nav" data-ng-if="menu.shouldRender(authentication.user);">
 			<li data-ng-repeat="item in menu.items | orderBy: 'position'" data-ng-if="item.shouldRender(authentication.user);" ng-switch="item.menuItemType" ui-route="{{item.uiRoute}}" class="{{item.menuItemClass}}" ng-class="{active: ($uiRoute)}" dropdown="item.menuItemType === 'dropdown'">
-				<a ng-switch-when="dropdown" class="dropdown-toggle">
+				<a ng-switch-when="dropdown" class="dropdown-toggle" dropdown-toggle>
 					<span data-ng-bind="item.title"></span>
 					<b class="caret"></b>
 				</a>
@@ -33,8 +33,8 @@
 			</li>
 		</ul>
 		<ul class="nav navbar-nav navbar-right" data-ng-show="authentication.user">
-			<li class="dropdown">
-				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
+			<li class="dropdown" dropdown>
+				<a href="#" class="dropdown-toggle" data-toggle="dropdown" dropdown-toggle>
 					<span data-ng-bind="authentication.user.displayName"></span> <b class="caret"></b>
 				</a>
 				<ul class="dropdown-menu">