diff --git a/example/panel_controller.html b/example/menu_controller.html
similarity index 97%
rename from example/panel_controller.html
rename to example/menu_controller.html
index 4df20c9529..261ab1b6f0 100644
--- a/example/panel_controller.html
+++ b/example/menu_controller.html
@@ -10,7 +10,7 @@
   </head>
   <body>
 
-    <section id="page" class="full-section ion-panel-animated">
+    <section id="page" class="full-section menu-animated">
 
       <header class="bar bar-header bar-dark">
         <div class="buttons">
@@ -254,14 +254,14 @@
 
     <script src="../../js/ionic-events.js"></script>
     <script src="../../js/ionic-gestures.js"></script>
-    <script src="../../js/controllers/ionic-leftrightpanel.js"></script>
+    <script src="../../js/controllers/ionic-leftrightmenu.js"></script>
     <script>
       
       // Grab the sections
       var page = document.getElementById('page');
       var leftPanel = document.getElementById('my-left-panel');
       var rightPanel = document.getElementById('my-right-panel');
-      var controller = new ion.controllers.LeftRightPanelViewController({
+      var controller = new ion.controllers.LeftRightMenuViewController({
         left: leftPanel,
         leftWidth: 270,
         right: rightPanel,
diff --git a/example/panels.html b/example/menus.html
similarity index 97%
rename from example/panels.html
rename to example/menus.html
index efabfbe8f7..eeecf2fcac 100644
--- a/example/panels.html
+++ b/example/menus.html
@@ -35,7 +35,7 @@
     </section>
 
 
-    <section id="my-left-panel" class="ion-panel">
+    <section id="my-left-panel" class="menu menu-left">
       <ul class="list">
         <li class="list-divider">Left Nav Things</li>
         <a href="#" class="list-item">
@@ -141,7 +141,7 @@
       </ul>
     </section>
 
-    <section id="my-right-panel" class="ion-panel">
+    <section id="my-right-panel" class="menu menu-right">
       <ul class="list">
         <li class="list-divider">Right Nav Things</li>
         <a href="#" class="list-item">
@@ -247,7 +247,7 @@
       </ul>
     </section>
 
-    <section id="my-other-left-panel" class="ion-panel">
+    <section id="my-other-left-panel" class="menu menu-left">
       This is my other left side panel!
     </section>
 
diff --git a/js/controllers/ionic-leftrightpanel.js b/js/controllers/ionic-leftrightmenu.js
similarity index 97%
rename from js/controllers/ionic-leftrightpanel.js
rename to js/controllers/ionic-leftrightmenu.js
index 5fd910f424..a921938f92 100644
--- a/js/controllers/ionic-leftrightpanel.js
+++ b/js/controllers/ionic-leftrightmenu.js
@@ -10,7 +10,7 @@
 (function(window, document, ion) {
   ion.controllers = ion.controllers || {};
 
-  ion.controllers.LeftRightPanelViewController = function(options) {
+  ion.controllers.LeftRightMenuViewController = function(options) {
     var _this = this;
 
     this.animateClass = options.animateClass;
@@ -36,7 +36,7 @@
     }, this.center);
   };
 
-  ion.controllers.LeftRightPanelViewController.prototype = {
+  ion.controllers.LeftRightMenuViewController.prototype = {
     setIsLeftEnabled: function(isLeftEnabled) {
       this._isLeftEnabled = isLeftEnabled;
     },
