diff --git a/src/dev-app/dev-app.html b/src/dev-app/dev-app.html
index dfa9a3263bb..9775c6307d1 100644
--- a/src/dev-app/dev-app.html
+++ b/src/dev-app/dev-app.html
@@ -45,7 +45,7 @@
       </div>
     </mat-toolbar>
 
-    <div #root="dir" dir="ltr" class="demo-content">
+    <div #root="dir" dir="ltr" class="demo-content mat-app-background">
       <router-outlet></router-outlet>
     </div>
   </main>
diff --git a/src/dev-app/dev-app.scss b/src/dev-app/dev-app.scss
index b6d88965417..4733bf84f30 100644
--- a/src/dev-app/dev-app.scss
+++ b/src/dev-app/dev-app.scss
@@ -54,6 +54,7 @@ body {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
+  overflow: auto;
 }
 
 .demo-container {