diff --git a/examples/stocks/stocks.sky b/examples/stocks/stocks.sky
index e90729c61f7..eb6d6d35974 100644
--- a/examples/stocks/stocks.sky
+++ b/examples/stocks/stocks.sky
@@ -49,7 +49,7 @@
       flex: 1;
     }
   </style>
-  <sky-drawer id="drawer">
+  <sky-drawer id="drawer" level="3">
     <sky-drawer-header>
       Stocks
     </sky-drawer-header>
diff --git a/framework/sky-drawer.sky b/framework/sky-drawer.sky
index a772d9874bb..d9a4e9ab7f8 100644
--- a/framework/sky-drawer.sky
+++ b/framework/sky-drawer.sky
@@ -3,10 +3,11 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 -->
+<import src="shadow.sky" as="shadow" />
 <import src="sky-element.sky" />
 <import src="sky-scrollable.sky" />
 
-<sky-element>
+<sky-element attributes="level:number">
 <template>
   <style>
     #mask {
@@ -63,6 +64,7 @@ class SkyDrawer extends SkyElement implements AnimationDelegate {
   }
 
   void shadowRootReady() {
+    shadow.applyTo(shadowRoot);
     _mask = shadowRoot.getElementById('mask');
     _mask.addEventListener('gesturetap', _handleMaskTap);
     _content = shadowRoot.getElementById('content');