diff --git a/src/demo-app/slide-toggle/slide-toggle-demo.html b/src/demo-app/slide-toggle/slide-toggle-demo.html
index 03a1c71a03f0..609c56444b7f 100644
--- a/src/demo-app/slide-toggle/slide-toggle-demo.html
+++ b/src/demo-app/slide-toggle/slide-toggle-demo.html
@@ -1,4 +1,4 @@
-<div>
+<div class="slide-toggle-example">
 
   <md-slide-toggle color="primary" [(ngModel)]="firstToggle">
     Default Slide Toggle
diff --git a/src/demo-app/slide-toggle/slide-toggle-demo.scss b/src/demo-app/slide-toggle/slide-toggle-demo.scss
index e69de29bb2d1..167b6e7239ff 100644
--- a/src/demo-app/slide-toggle/slide-toggle-demo.scss
+++ b/src/demo-app/slide-toggle/slide-toggle-demo.scss
@@ -0,0 +1,5 @@
+.slide-toggle-example {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
\ No newline at end of file
diff --git a/src/lib/slide-toggle/slide-toggle.scss b/src/lib/slide-toggle/slide-toggle.scss
index aeffae0b0b85..9b475dda1561 100644
--- a/src/lib/slide-toggle/slide-toggle.scss
+++ b/src/lib/slide-toggle/slide-toggle.scss
@@ -15,7 +15,7 @@ $mat-slide-toggle-bar-track-width: $mat-slide-toggle-bar-width - $mat-slide-togg
 
 
 .mat-slide-toggle {
-  display: flex;
+  display: inline-block;
   height: $mat-slide-toggle-height;
 
   margin: $mat-slide-toggle-margin 0;