diff --git a/dist/js/ionic-angular.js b/dist/js/ionic-angular.js
index 69fb8635e4..b265a7a279 100644
--- a/dist/js/ionic-angular.js
+++ b/dist/js/ionic-angular.js
@@ -867,20 +867,20 @@ angular.module('ionic.ui.sideMenu', ['ionic.service.gesture'])
   $scope.sideMenuCtrl = this;
 })
 
-.directive('sideMenus', function() {
+.directive('sideMenu', function() {
   return {
     restrict: 'ECA',
     controller: 'SideMenuCtrl',
     replace: true,
     transclude: true,
-    template: '<div ng-transclude></div>'
+    template: '<div class="pane" ng-transclude></div>'
   };
 })
 
 .directive('sideMenuContent', ['Gesture', function(Gesture) {
   return {
-    restrict: 'CA',
-    require: '^sideMenus',
+    restrict: 'AC',
+    require: '^sideMenu',
     scope: true,
     compile: function(element, attr, transclude) {
       return function($scope, $element, $attr, sideMenuCtrl) {
@@ -923,7 +923,7 @@ angular.module('ionic.ui.sideMenu', ['ionic.service.gesture'])
 .directive('menu', function() {
   return {
     restrict: 'E',
-    require: '^sideMenus',
+    require: '^sideMenu',
     replace: true,
     transclude: true,
     scope: {
diff --git a/js/ext/angular/src/directive/ionicSideMenu.js b/js/ext/angular/src/directive/ionicSideMenu.js
index ebf3039440..a465d629ac 100644
--- a/js/ext/angular/src/directive/ionicSideMenu.js
+++ b/js/ext/angular/src/directive/ionicSideMenu.js
@@ -45,20 +45,20 @@ angular.module('ionic.ui.sideMenu', ['ionic.service.gesture'])
   $scope.sideMenuCtrl = this;
 })
 
-.directive('sideMenus', function() {
+.directive('sideMenu', function() {
   return {
     restrict: 'ECA',
     controller: 'SideMenuCtrl',
     replace: true,
     transclude: true,
-    template: '<div ng-transclude></div>'
+    template: '<div class="pane" ng-transclude></div>'
   };
 })
 
 .directive('sideMenuContent', ['Gesture', function(Gesture) {
   return {
-    restrict: 'CA',
-    require: '^sideMenus',
+    restrict: 'AC',
+    require: '^sideMenu',
     scope: true,
     compile: function(element, attr, transclude) {
       return function($scope, $element, $attr, sideMenuCtrl) {
@@ -101,7 +101,7 @@ angular.module('ionic.ui.sideMenu', ['ionic.service.gesture'])
 .directive('menu', function() {
   return {
     restrict: 'E',
-    require: '^sideMenus',
+    require: '^sideMenu',
     replace: true,
     transclude: true,
     scope: {
diff --git a/js/ext/angular/test/sideMenu.html b/js/ext/angular/test/sideMenu.html
index 0bb6b78080..78cde6485e 100644
--- a/js/ext/angular/test/sideMenu.html
+++ b/js/ext/angular/test/sideMenu.html
@@ -13,29 +13,30 @@
   </head>
   <body>
 
-    <side-menus ng-controller="MenuCtrl">
-
-      <pane side-menu-content>
-        <header class="bar bar-header bar-dark">
-          <a href="#" class="button" ng-click="openLeft()"><i class="icon-reorder"></i></a>
-          <h1 class="title">Slide me</h1>
-        </header>
-        <div class="content has-header">
-          <h1>Slide me side to side!</h1>
-        </div>
-      </pane>
-      <menu side="left">
-        <h2>Left</h2>
-        <ul class="list">
-          <a href="#" class="list-item" ng-repeat="item in list">
-            {{item.text}}
-          </a>
-        </ul>
-      </menu>
-      <menu side="right">
-        <h2>Items</h2>
-      </menu>
-    </side-menus>
+    <div ng-controller="MenuCtrl">
+      <side-menu>
+        <pane side-menu-content>
+          <header class="bar bar-header bar-dark">
+            <button class="button" ng-click="openLeft()"><i class="icon-reorder"></i></button>
+            <h1 class="title">Slide me</h1>
+          </header>
+          <div class="content has-header">
+            <h1>Slide me side to side!</h1>
+          </div>
+        </pane>
+        <menu side="left">
+          <h2>Left</h2>
+          <ul class="list">
+            <a href="#" class="list-item" ng-repeat="item in list">
+              {{item.text}}
+            </a>
+          </ul>
+        </menu>
+        <menu side="right">
+          <h2>Items</h2>
+        </menu>
+      </side-menu>
+    </div>
     <script src="../../../../dist/js/ionic.js"></script>
     <script src="../../../../dist/js/ionic-angular.js"></script>
     <script>
@@ -43,6 +44,7 @@
 
       .controller('MenuCtrl', function($scope) {
         $scope.openLeft = function() {
+          debugger;
           $scope.sideMenuCtrl.toggleLeft();
         };
       });
