diff --git a/demos/component-docs/buttons/icons.html b/demos/component-docs/buttons/icons.html
index 5ed85088db..38c750a552 100644
--- a/demos/component-docs/buttons/icons.html
+++ b/demos/component-docs/buttons/icons.html
@@ -54,6 +54,7 @@
   <p>
     <button danger>
       <icon close></icon>
+      Remove
     </button>
     <button danger outline>
       <icon remove-circle is-active="false"></icon>
@@ -65,10 +66,11 @@
 
   <p>
     <button dark round>
-      <icon hammer id="demo-hammer"></icon>
+      <icon construct is-active="false"></icon>
+      Tools
     </button>
     <button dark clear>
-      <icon construct is-active="false"></icon>
+      <icon hammer is-active="false"></icon>
     </button>
   </p>
 
diff --git a/demos/component-docs/buttons/sizes.html b/demos/component-docs/buttons/sizes.html
index cdce4b6892..6a5b64a469 100644
--- a/demos/component-docs/buttons/sizes.html
+++ b/demos/component-docs/buttons/sizes.html
@@ -4,19 +4,19 @@
 
 <ion-content padding class="has-header components-demo">
   <p>
-    <button light large>Light</button>
+    <button light small>Light Small</button>
   </p>
   <p>
-    <button small>Default</button>
+    <button small>Default Small</button>
   </p>
   <p>
-    <button secondary small>Secondary</button>
+    <button secondary>Secondary Medium</button>
   </p>
 
   <p>
-    <button danger small>Danger</button>
+    <button danger medium>Danger Medium</button>
   </p>
   <p>
-    <button dark large>Dark</button>
+    <button dark large>Dark Large</button>
   </p>
 </ion-content>