diff --git a/packages/core/src/components/radio/test/basic/index.html b/packages/core/src/components/radio/test/basic/index.html
index ccaf0a3fad..6815384579 100644
--- a/packages/core/src/components/radio/test/basic/index.html
+++ b/packages/core/src/components/radio/test/basic/index.html
@@ -73,10 +73,10 @@
           </ion-radio-group>
 
           <ion-item>
-            <ion-button slot="start" onClick="toggleBoolean('grapeChecked', 'checked')" outline small>Checked</ion-button>
-            <ion-button slot="start" onClick="toggleBoolean('grapeChecked', 'disabled')" outline small>Disabled</ion-button>
-            <ion-button slot="end" onClick="printRadioValues()" outline small>Print</ion-button>
-            <ion-button slot="end" onClick="toggleString('dangerRadio', 'color', 'danger', 'secondary')" outline small color="danger">Color</ion-button>
+            <ion-button slot="start" onClick="toggleBoolean('grapeChecked', 'checked')" fill="outline" size="small">Checked</ion-button>
+            <ion-button slot="start" onClick="toggleBoolean('grapeChecked', 'disabled')" fill="outline" size="small">Disabled</ion-button>
+            <ion-button slot="end" onClick="printRadioValues()" fill="outline" size="small">Print</ion-button>
+            <ion-button slot="end" onClick="toggleString('dangerRadio', 'color', 'danger', 'secondary')" fill="outline" size="small" color="danger">Color</ion-button>
           </ion-item>
         </ion-list>
 
diff --git a/packages/core/src/components/range/test/standalone/index.html b/packages/core/src/components/range/test/standalone/index.html
index 0870bdc4ed..8c7a29f3f9 100644
--- a/packages/core/src/components/range/test/standalone/index.html
+++ b/packages/core/src/components/range/test/standalone/index.html
@@ -13,11 +13,11 @@
   <ion-range value="60" color="light"></ion-range>
   <ion-range value="80" color="dark"></ion-range>
   <ion-range pin="true" color="secondary" value="86">
-    <ion-icon small name="ios-sunny-outline" slot="start"></ion-icon>
+    <ion-icon size="small" name="ios-sunny-outline" slot="start"></ion-icon>
     <ion-icon name="ios-sunny" slot="end"></ion-icon>
   </ion-range>
   <ion-range pin="true" color="danger" value="54">
-    <ion-icon small name="ios-thermometer-outline" slot="start"></ion-icon>
+    <ion-icon size="small" name="ios-thermometer-outline" slot="start"></ion-icon>
     <ion-icon name="ios-thermometer" slot="end"></ion-icon>
   </ion-range>
 </body>
diff --git a/packages/core/src/components/toggle/test/basic/index.html b/packages/core/src/components/toggle/test/basic/index.html
index b42ba92955..7f2213adf6 100644
--- a/packages/core/src/components/toggle/test/basic/index.html
+++ b/packages/core/src/components/toggle/test/basic/index.html
@@ -67,9 +67,9 @@
 
 
         <p aria-hidden="true" text-center>
-          <ion-button onClick="toggleBoolean('grapeChecked', 'checked')" outline small>Grape Checked</ion-button>
-          <ion-button onClick="toggleBoolean('grapeChecked', 'disabled')" outline small>Grape Disabled</ion-button>
-          <ion-button onClick="printForm()" outline small>Print Form</ion-button>
+          <ion-button onClick="toggleBoolean('grapeChecked', 'checked')" fill="outline" size="small">Grape Checked</ion-button>
+          <ion-button onClick="toggleBoolean('grapeChecked', 'disabled')" fill="outline" size="small">Grape Disabled</ion-button>
+          <ion-button onClick="printForm()" fill="outline" size="small">Print Form</ion-button>
         </p>
 
         <p>
diff --git a/packages/core/src/components/toolbar/test/scenarios/index.html b/packages/core/src/components/toolbar/test/scenarios/index.html
index c61c0ed6fc..de1227ea4e 100644
--- a/packages/core/src/components/toolbar/test/scenarios/index.html
+++ b/packages/core/src/components/toolbar/test/scenarios/index.html
@@ -109,16 +109,16 @@
 
         <ion-toolbar>
           <ion-buttons slot="mode-start">
-            <ion-button outline>
+            <ion-button fill="outline">
               <ion-icon slot="icon-only" name="contact"></ion-icon>
             </ion-button>
-            <ion-button outline>
+            <ion-button fill="outline">
               <ion-icon slot="start" name="star"></ion-icon>
               Star
             </ion-button>
           </ion-buttons>
           <ion-buttons slot="mode-end">
-            <ion-button color="secondary" outline>
+            <ion-button color="secondary" fill="outline">
               <ion-icon slot="icon-only" name="contact"></ion-icon>
             </ion-button>
           </ion-buttons>
@@ -127,16 +127,16 @@
 
         <ion-toolbar>
           <ion-buttons slot="mode-start">
-            <ion-button outline class="activated">
+            <ion-button fill="outline" class="activated">
               <ion-icon slot="icon-only" name="contact"></ion-icon>
             </ion-button>
-            <ion-button outline class="activated">
+            <ion-button fill="outline" class="activated">
               <ion-icon slot="start" name="star"></ion-icon>
               Star
             </ion-button>
           </ion-buttons>
           <ion-buttons slot="mode-end">
-            <ion-button color="secondary" outline class="activated">
+            <ion-button color="secondary" fill="outline" class="activated">
               <ion-icon slot="icon-only" name="contact"></ion-icon>
             </ion-button>
           </ion-buttons>