diff --git a/src/material-examples/autocomplete-display/autocomplete-display-example.css b/src/material-examples/autocomplete-display/autocomplete-display-example.css
index 269cb291ad0..08fa67536b1 100644
--- a/src/material-examples/autocomplete-display/autocomplete-display-example.css
+++ b/src/material-examples/autocomplete-display/autocomplete-display-example.css
@@ -1,5 +1,7 @@
 .example-form {
-  width: 500px;
+  min-width: 150px;
+  max-width: 500px;
+  width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/autocomplete-filter/autocomplete-filter-example.css b/src/material-examples/autocomplete-filter/autocomplete-filter-example.css
index 269cb291ad0..08fa67536b1 100644
--- a/src/material-examples/autocomplete-filter/autocomplete-filter-example.css
+++ b/src/material-examples/autocomplete-filter/autocomplete-filter-example.css
@@ -1,5 +1,7 @@
 .example-form {
-  width: 500px;
+  min-width: 150px;
+  max-width: 500px;
+  width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/autocomplete-overview/autocomplete-overview-example.css b/src/material-examples/autocomplete-overview/autocomplete-overview-example.css
index 269cb291ad0..08fa67536b1 100644
--- a/src/material-examples/autocomplete-overview/autocomplete-overview-example.css
+++ b/src/material-examples/autocomplete-overview/autocomplete-overview-example.css
@@ -1,5 +1,7 @@
 .example-form {
-  width: 500px;
+  min-width: 150px;
+  max-width: 500px;
+  width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/autocomplete-simple/autocomplete-simple-example.css b/src/material-examples/autocomplete-simple/autocomplete-simple-example.css
index 269cb291ad0..08fa67536b1 100644
--- a/src/material-examples/autocomplete-simple/autocomplete-simple-example.css
+++ b/src/material-examples/autocomplete-simple/autocomplete-simple-example.css
@@ -1,5 +1,7 @@
 .example-form {
-  width: 500px;
+  min-width: 150px;
+  max-width: 500px;
+  width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/input-errors/input-errors-example.css b/src/material-examples/input-errors/input-errors-example.css
index b1b737748c0..08fa67536b1 100644
--- a/src/material-examples/input-errors/input-errors-example.css
+++ b/src/material-examples/input-errors/input-errors-example.css
@@ -1,6 +1,7 @@
 .example-form {
-  width: 500px;
-  max-width: 100%;
+  min-width: 150px;
+  max-width: 500px;
+  width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/input-form/input-form-example.css b/src/material-examples/input-form/input-form-example.css
index b1b737748c0..08fa67536b1 100644
--- a/src/material-examples/input-form/input-form-example.css
+++ b/src/material-examples/input-form/input-form-example.css
@@ -1,6 +1,7 @@
 .example-form {
-  width: 500px;
-  max-width: 100%;
+  min-width: 150px;
+  max-width: 500px;
+  width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/input-hint/input-hint-example.css b/src/material-examples/input-hint/input-hint-example.css
index b1b737748c0..08fa67536b1 100644
--- a/src/material-examples/input-hint/input-hint-example.css
+++ b/src/material-examples/input-hint/input-hint-example.css
@@ -1,6 +1,7 @@
 .example-form {
-  width: 500px;
-  max-width: 100%;
+  min-width: 150px;
+  max-width: 500px;
+  width: 100%;
 }
 
 .example-full-width {
diff --git a/src/material-examples/input-overview/input-overview-example.css b/src/material-examples/input-overview/input-overview-example.css
index 7432308753e..08fa67536b1 100644
--- a/src/material-examples/input-overview/input-overview-example.css
+++ b/src/material-examples/input-overview/input-overview-example.css
@@ -1 +1,9 @@
-/** No CSS for this example */
+.example-form {
+  min-width: 150px;
+  max-width: 500px;
+  width: 100%;
+}
+
+.example-full-width {
+  width: 100%;
+}
diff --git a/src/material-examples/input-overview/input-overview-example.html b/src/material-examples/input-overview/input-overview-example.html
index c864c5d3622..8bd038d6219 100644
--- a/src/material-examples/input-overview/input-overview-example.html
+++ b/src/material-examples/input-overview/input-overview-example.html
@@ -1,3 +1,5 @@
-<md-input-container>
-  <input mdInput placeholder="Favorite food" value="Sushi">
-</md-input-container>
+<form class="example-form">
+  <md-input-container class="example-full-width">
+    <input mdInput placeholder="Favorite food" value="Sushi">
+  </md-input-container>
+</form>
diff --git a/src/material-examples/input-overview/input-overview-example.ts b/src/material-examples/input-overview/input-overview-example.ts
index c43e8eacb90..b7d1f30b842 100644
--- a/src/material-examples/input-overview/input-overview-example.ts
+++ b/src/material-examples/input-overview/input-overview-example.ts
@@ -5,6 +5,7 @@ import {Component} from '@angular/core';
  */
 @Component({
   selector: 'input-overview-example',
+  styleUrls: ['input-overview-example.css'],
   templateUrl: 'input-overview-example.html',
 })
 export class InputOverviewExample {}
diff --git a/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css b/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css
index b1b737748c0..08fa67536b1 100644
--- a/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css
+++ b/src/material-examples/input-prefix-suffix/input-prefix-suffix-example.css
@@ -1,6 +1,7 @@
 .example-form {
-  width: 500px;
-  max-width: 100%;
+  min-width: 150px;
+  max-width: 500px;
+  width: 100%;
 }
 
 .example-full-width {