diff --git a/ionic/components/app/test/material/index.ts b/ionic/components/app/test/material/index.ts
index 86de688005..4ae6cd67a3 100644
--- a/ionic/components/app/test/material/index.ts
+++ b/ionic/components/app/test/material/index.ts
@@ -37,7 +37,10 @@ export class FirstPage {
   template: `<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700,500' rel='stylesheet' type='text/css'>
     <ion-aside id="menu" side="left" [content]="content">
       <ion-toolbar primary><ion-title>Menu</ion-title></ion-toolbar>
-      <ion-list inset>
+      <ion-list>
+        <ion-item>Your Profile</ion-item>
+        <ion-item>Playlists</ion-item>
+        <ion-item>Artists</ion-item>
       </ion-list>
     </ion-aside>
     <ion-nav #content></ion-nav>`,
diff --git a/ionic/components/aside/aside.scss b/ionic/components/aside/aside.scss
index d5559483f7..8b6a6c881c 100644
--- a/ionic/components/aside/aside.scss
+++ b/ionic/components/aside/aside.scss
@@ -35,10 +35,13 @@ $aside-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0,0,0,0.2) !def
   bottom: 0;
 
   transform: translate3d(0, 0, 0);
-  &.open,
-  &[type=reveal] {
-    left: 0;
-    //transform: translate3d($aside-width,0,0);
+  &.open, {
+    &[type=reveal], &[type=push] {
+      left: 0;
+    }
+    &[type=overlay] {
+      transform: translate3d($aside-width,0,0);
+    }
   }
   //}
   &[side=right] {
diff --git a/ionic/components/aside/aside.ts b/ionic/components/aside/aside.ts
index 8e5f394653..d627d305d9 100644
--- a/ionic/components/aside/aside.ts
+++ b/ionic/components/aside/aside.ts
@@ -85,6 +85,8 @@ export class Aside extends Ion {
   }
 
   setOpen(isOpen) {
+    console.log('SET OPEN', isOpen);
+    console.trace();
     if (isOpen !== this.isOpen) {
       this.isOpen = isOpen
       this.setChanging(true)