diff --git a/core/src/components/checkbox/test/preview/index.html b/core/src/components/checkbox/test/preview/index.html
index efe746cde4..a06d55c2f3 100644
--- a/core/src/components/checkbox/test/preview/index.html
+++ b/core/src/components/checkbox/test/preview/index.html
@@ -21,62 +21,62 @@
     <ion-content id="content" fullscreen>
       <ion-item>
         <ion-label>Default</ion-label>
-        <ion-checkbox checked></ion-checkbox>
+        <ion-checkbox slot="end" checked></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Primary</ion-label>
-        <ion-checkbox checked color="primary"></ion-checkbox>
+        <ion-checkbox slot="end" checked color="primary"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Secondary</ion-label>
-        <ion-checkbox checked color="secondary"></ion-checkbox>
+        <ion-checkbox slot="end" checked color="secondary"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Tertiary</ion-label>
-        <ion-checkbox checked color="tertiary"></ion-checkbox>
+        <ion-checkbox slot="end" checked color="tertiary"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Success</ion-label>
-        <ion-checkbox checked color="success"></ion-checkbox>
+        <ion-checkbox slot="end" checked color="success"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Warning</ion-label>
-        <ion-checkbox checked color="warning"></ion-checkbox>
+        <ion-checkbox slot="end" checked color="warning"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Danger</ion-label>
-        <ion-checkbox checked color="danger"></ion-checkbox>
+        <ion-checkbox slot="end" checked color="danger"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Light</ion-label>
-        <ion-checkbox checked color="light"></ion-checkbox>
+        <ion-checkbox slot="end" checked color="light"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Medium</ion-label>
-        <ion-checkbox checked color="medium"></ion-checkbox>
+        <ion-checkbox slot="end" checked color="medium"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Dark</ion-label>
-        <ion-checkbox checked color="dark"></ion-checkbox>
+        <ion-checkbox slot="end" checked color="dark"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Unchecked by Default</ion-label>
-        <ion-checkbox></ion-checkbox>
+        <ion-checkbox slot="end"></ion-checkbox>
       </ion-item>
 
       <ion-item>
         <ion-label>Disabled</ion-label>
-        <ion-checkbox disabled></ion-checkbox>
+        <ion-checkbox slot="end" disabled></ion-checkbox>
       </ion-item>
     </ion-content>