diff --git a/ionic/components/aside/aside.scss b/ionic/components/aside/aside.scss
index 9c2a436444..a7dee9cc81 100644
--- a/ionic/components/aside/aside.scss
+++ b/ionic/components/aside/aside.scss
@@ -33,18 +33,6 @@ $aside-shadow: -1px 0px 8px rgba(0, 0, 0, 0.2) !default;
     }
   }
 
-  ion-aside-backdrop {
-    z-index: $z-index-aside-backdrop;
-    transition: $aside-backdrop-transition;
-    transform: translateX($aside-width);
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    position: fixed;
-    background-color: rgba(0,0,0,0);;
-  }
-
 
   &[type=overlay] {
     z-index: $z-index-aside-overlay;
@@ -66,9 +54,10 @@ $aside-shadow: -1px 0px 8px rgba(0, 0, 0, 0.2) !default;
     }
     &[type=overlay] {
       transform: translate3d($aside-width,0,0);
+      box-shadow: 1px 2px 16px rgba(0, 0, 0, 0.3);
 
       ion-aside-backdrop {
-        background-color: rgba(0,0,0,0.6);
+        background-color: rgba(0,0,0,0.32);
       }
     }
   }
@@ -114,6 +103,18 @@ $aside-shadow: -1px 0px 8px rgba(0, 0, 0, 0.2) !default;
 
 }
 
+ion-aside-backdrop {
+  z-index: $z-index-aside-backdrop;
+  transition: $aside-backdrop-transition;
+  transform: translateX($aside-width);
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  position: fixed;
+  background-color: rgba(0,0,0,0);;
+}
+
 .aside-content {
   transition: $aside-transition;
   transform: translate3d(0,0,0);
diff --git a/ionic/components/aside/extensions/types.ts b/ionic/components/aside/extensions/types.ts
index 741b0c60ca..e9caa9e0c2 100644
--- a/ionic/components/aside/extensions/types.ts
+++ b/ionic/components/aside/extensions/types.ts
@@ -41,14 +41,14 @@ const backdropManipulator = {
     //.classList[sliding ? 'add' : 'remove']('no-transition');
   },
   setOpen(open) {
-    let amt = open ? 0.6 : 0;
+    let amt = open ? 0.32 : 0;
     this.aside.backdrop.backgroundColor = 'rgba(0,0,0,' + amt + ')';
   },
   setTransform(t) {
     if(t === null) {
       t = this.aside.width();
     }
-    let fade = 0.6 * t / this.aside.width();
+    let fade = 0.32 * t / this.aside.width();
     this.aside.backdrop.backgroundColor = 'rgba(0,0,0,' + fade + ')';
   }
 }
diff --git a/ionic/components/aside/test/basic/main.html b/ionic/components/aside/test/basic/main.html
index 5c5b70d069..dd64b065f5 100644
--- a/ionic/components/aside/test/basic/main.html
+++ b/ionic/components/aside/test/basic/main.html
@@ -1,4 +1,4 @@
-<ion-aside #aside [content]="content" id="menu" type="reveal">
+<ion-aside #aside [content]="content" id="menu">
 
   <ion-toolbar secondary>
     <ion-title>Left Menu</ion-title>