diff --git a/aio/content/examples/toh-pt4/src/app/messages/messages.component.css b/aio/content/examples/toh-pt4/src/app/messages/messages.component.css
index 6d328773b4fff..08585dcbaf8a4 100644
--- a/aio/content/examples/toh-pt4/src/app/messages/messages.component.css
+++ b/aio/content/examples/toh-pt4/src/app/messages/messages.component.css
@@ -4,17 +4,12 @@ h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: lighter;
 }
-body {
-  margin: 2em;
-}
-body, input[text], button {
-  color: crimson;
-  font-family: Cambria, Georgia;
-}
 
 button.clear {
-  font-family: Arial;
+  font-family: Arial, sans-serif;
+  color: #333;
   background-color: #eee;
+  margin-bottom: 12px;
   border: none;
   padding: 5px 10px;
   border-radius: 4px;
@@ -23,12 +18,3 @@ button.clear {
 button:hover {
   background-color: #cfd8dc;
 }
-button:disabled {
-  background-color: #eee;
-  color: #aaa;
-  cursor: auto;
-}
-button.clear {
-  color: #333;
-  margin-bottom: 12px;
-}
diff --git a/aio/content/examples/toh-pt5/src/app/messages/messages.component.css b/aio/content/examples/toh-pt5/src/app/messages/messages.component.css
index 6d328773b4fff..08585dcbaf8a4 100644
--- a/aio/content/examples/toh-pt5/src/app/messages/messages.component.css
+++ b/aio/content/examples/toh-pt5/src/app/messages/messages.component.css
@@ -4,17 +4,12 @@ h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: lighter;
 }
-body {
-  margin: 2em;
-}
-body, input[text], button {
-  color: crimson;
-  font-family: Cambria, Georgia;
-}
 
 button.clear {
-  font-family: Arial;
+  font-family: Arial, sans-serif;
+  color: #333;
   background-color: #eee;
+  margin-bottom: 12px;
   border: none;
   padding: 5px 10px;
   border-radius: 4px;
@@ -23,12 +18,3 @@ button.clear {
 button:hover {
   background-color: #cfd8dc;
 }
-button:disabled {
-  background-color: #eee;
-  color: #aaa;
-  cursor: auto;
-}
-button.clear {
-  color: #333;
-  margin-bottom: 12px;
-}
diff --git a/aio/content/examples/toh-pt6/src/app/messages/messages.component.css b/aio/content/examples/toh-pt6/src/app/messages/messages.component.css
index 6d328773b4fff..08585dcbaf8a4 100644
--- a/aio/content/examples/toh-pt6/src/app/messages/messages.component.css
+++ b/aio/content/examples/toh-pt6/src/app/messages/messages.component.css
@@ -4,17 +4,12 @@ h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: lighter;
 }
-body {
-  margin: 2em;
-}
-body, input[text], button {
-  color: crimson;
-  font-family: Cambria, Georgia;
-}
 
 button.clear {
-  font-family: Arial;
+  font-family: Arial, sans-serif;
+  color: #333;
   background-color: #eee;
+  margin-bottom: 12px;
   border: none;
   padding: 5px 10px;
   border-radius: 4px;
@@ -23,12 +18,3 @@ button.clear {
 button:hover {
   background-color: #cfd8dc;
 }
-button:disabled {
-  background-color: #eee;
-  color: #aaa;
-  cursor: auto;
-}
-button.clear {
-  color: #333;
-  margin-bottom: 12px;
-}
diff --git a/aio/content/examples/universal/src/app/messages/messages.component.css b/aio/content/examples/universal/src/app/messages/messages.component.css
index 6d328773b4fff..08585dcbaf8a4 100644
--- a/aio/content/examples/universal/src/app/messages/messages.component.css
+++ b/aio/content/examples/universal/src/app/messages/messages.component.css
@@ -4,17 +4,12 @@ h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: lighter;
 }
-body {
-  margin: 2em;
-}
-body, input[text], button {
-  color: crimson;
-  font-family: Cambria, Georgia;
-}
 
 button.clear {
-  font-family: Arial;
+  font-family: Arial, sans-serif;
+  color: #333;
   background-color: #eee;
+  margin-bottom: 12px;
   border: none;
   padding: 5px 10px;
   border-radius: 4px;
@@ -23,12 +18,3 @@ button.clear {
 button:hover {
   background-color: #cfd8dc;
 }
-button:disabled {
-  background-color: #eee;
-  color: #aaa;
-  cursor: auto;
-}
-button.clear {
-  color: #333;
-  margin-bottom: 12px;
-}