diff --git a/src/dev-app/dev-app/dev-app-layout.html b/src/dev-app/dev-app/dev-app-layout.html
index 4fd883ff806d..ff718fdddd5c 100644
--- a/src/dev-app/dev-app/dev-app-layout.html
+++ b/src/dev-app/dev-app/dev-app-layout.html
@@ -29,7 +29,7 @@
     be one level above the density class in the DOM. At the same time, we want the density to apply
     to the toolbar while always keeping it in LTR at the same time.
    -->
-  <main [attr.dir]="dir.value" [ngClass]="getDensityClass()">
+  <main [attr.dir]="dir.value" [ngClass]="getDensityClass()" class="demo-main">
     <!-- The toolbar should always be in the LTR direction -->
     <mat-toolbar color="primary" dir="ltr">
       <button mat-icon-button (click)="start.open('mouse')">
diff --git a/src/dev-app/dev-app/dev-app-layout.scss b/src/dev-app/dev-app/dev-app-layout.scss
index 4733bf84f301..2dfcc5cc27fa 100644
--- a/src/dev-app/dev-app/dev-app-layout.scss
+++ b/src/dev-app/dev-app/dev-app-layout.scss
@@ -41,6 +41,9 @@ body {
       justify-content: space-between;
       align-items: center;
       width: 100%;
+
+      // Avoids horizontal scrollbars on smaller screens.
+      overflow: hidden;
     }
   }
 
@@ -61,3 +64,8 @@ body {
   min-width: 100%;
   min-height: 100%;
 }
+
+.demo-main {
+  // Removes extra space on top of toolbar on IE.
+  display: block;
+}