diff --git a/core/src/components/action-sheet/test/standalone/index.html b/core/src/components/action-sheet/test/standalone/index.html
index 4708c7020a7..b40c03c53c2 100644
--- a/core/src/components/action-sheet/test/standalone/index.html
+++ b/core/src/components/action-sheet/test/standalone/index.html
@@ -18,14 +18,16 @@
     window.actionSheetController = actionSheetController;
   </script>
   <body>
-    <button class="expand" id="basic" onclick="presentBasic()">Basic</button>
-    <button class="expand" id="noBackdropDismiss" onclick="presentNoBackdropDismiss()">No Backdrop Dismiss</button>
-    <button class="expand" id="alertFromActionSheet" onclick="presentAlert()">Alert from Action Sheet</button>
-    <button class="expand" id="scrollableOptions" onclick="presentScroll()">Scrollable Options</button>
-    <button class="expand" id="scrollWithoutCancel" onclick="presentScrollNoCancel()">Scroll Without Cancel</button>
-    <button class="expand" id="cancelOnly" onclick="presentCancelOnly()">Cancel Only</button>
-    <button class="expand" id="icons" onclick="presentIcons()">Icons</button>
-    <button class="expand" id="cssClass" onclick="presentWithCssClass()">Custom CSS Class</button>
+    <main>
+      <button class="expand" id="basic" onclick="presentBasic()">Basic</button>
+      <button class="expand" id="noBackdropDismiss" onclick="presentNoBackdropDismiss()">No Backdrop Dismiss</button>
+      <button class="expand" id="alertFromActionSheet" onclick="presentAlert()">Alert from Action Sheet</button>
+      <button class="expand" id="scrollableOptions" onclick="presentScroll()">Scrollable Options</button>
+      <button class="expand" id="scrollWithoutCancel" onclick="presentScrollNoCancel()">Scroll Without Cancel</button>
+      <button class="expand" id="cancelOnly" onclick="presentCancelOnly()">Cancel Only</button>
+      <button class="expand" id="icons" onclick="presentIcons()">Icons</button>
+      <button class="expand" id="cssClass" onclick="presentWithCssClass()">Custom CSS Class</button>
+    </main>
 
     <script>
       window.addEventListener('ionActionSheetDidDismiss', function (e) {
diff --git a/core/src/components/alert/test/standalone/index.html b/core/src/components/alert/test/standalone/index.html
index fa88f2de86b..3b383d7b7eb 100644
--- a/core/src/components/alert/test/standalone/index.html
+++ b/core/src/components/alert/test/standalone/index.html
@@ -28,46 +28,49 @@
   </script>
 
   <body>
-    <button class="expand" id="basic" onclick="presentAlert()">Alert</button>
-    <button class="expand" id="longMessage" onclick="presentAlertLongMessage()">Alert Long Message</button>
-    <button class="expand" id="multipleButtons" onclick="presentAlertMultipleButtons()">Multiple Buttons (>2)</button>
-    <button class="expand" id="noMessage" onclick="presentAlertNoMessage()">Alert No Message</button>
-    <button class="expand" id="confirm" onclick="presentAlertConfirm()">Confirm</button>
-    <button class="expand" id="prompt" onclick="presentAlertPrompt()">Prompt</button>
-    <button class="expand" id="radio" onclick="presentAlertRadio()">Radio</button>
-    <button class="expand" id="checkbox" onclick="presentAlertCheckbox()">Checkbox</button>
-    <button class="expand" onclick="presentWithCssClass()">CssClass</button>
+    <main>
+      <button class="expand" id="basic" onclick="presentAlert()">Alert</button>
+      <button class="expand" id="longMessage" onclick="presentAlertLongMessage()">Alert Long Message</button>
+      <button class="expand" id="multipleButtons" onclick="presentAlertMultipleButtons()">Multiple Buttons (>2)</button>
+      <button class="expand" id="noMessage" onclick="presentAlertNoMessage()">Alert No Message</button>
+      <button class="expand" id="confirm" onclick="presentAlertConfirm()">Confirm</button>
+      <button class="expand" id="prompt" onclick="presentAlertPrompt()">Prompt</button>
+      <button class="expand" id="radio" onclick="presentAlertRadio()">Radio</button>
+      <button class="expand" id="checkbox" onclick="presentAlertCheckbox()">Checkbox</button>
+      <button class="expand" onclick="presentWithCssClass()">CssClass</button>
 
-    <div class="f"></div>
-    <div class="f"></div>
-    <div class="f"></div>
-    <div class="f"></div>
-    <div class="f"></div>
-    <div class="f"></div>
-    <div class="f"></div>
-    <div class="f"></div>
-    <div class="f"></div>
-    <div class="f"></div>
 
-    <dialog id="favDialog">
-      <form method="dialog">
-        <section>
-          <p>
-            <label for="favAnimal">Favorite animal:</label>
-            <select id="favAnimal">
-              <option></option>
-              <option>Brine shrimp</option>
-              <option>Red panda</option>
-              <option>Spider monkey</option>
-            </select>
-          </p>
-        </section>
-        <menu>
-          <button id="cancel" type="reset">Cancel</button>
-          <button type="submit">Confirm</button>
-        </menu>
-      </form>
-    </dialog>
+      <div class="f"></div>
+      <div class="f"></div>
+      <div class="f"></div>
+      <div class="f"></div>
+      <div class="f"></div>
+      <div class="f"></div>
+      <div class="f"></div>
+      <div class="f"></div>
+      <div class="f"></div>
+      <div class="f"></div>
+
+      <dialog id="favDialog">
+        <form method="dialog">
+          <section>
+            <p>
+              <label for="favAnimal">Favorite animal:</label>
+              <select id="favAnimal">
+                <option></option>
+                <option>Brine shrimp</option>
+                <option>Red panda</option>
+                <option>Spider monkey</option>
+              </select>
+            </p>
+          </section>
+          <menu>
+            <button id="cancel" type="reset">Cancel</button>
+            <button type="submit">Confirm</button>
+          </menu>
+        </form>
+      </dialog>
+    </main>
 
     <script>
       async function openAlert(opts) {
diff --git a/core/src/components/loading/test/standalone/index.html b/core/src/components/loading/test/standalone/index.html
index 52dbe1d685c..c0826d3f30f 100644
--- a/core/src/components/loading/test/standalone/index.html
+++ b/core/src/components/loading/test/standalone/index.html
@@ -18,37 +18,39 @@
     window.loadingController = loadingController;
   </script>
   <body>
-    <button class="expand" id="basic-loading" onclick="openLoading({ message: 'Hellooo', duration: 5000 })">
-      Show Loading
-    </button>
-    <button
-      class="expand"
-      id="long-content-loading"
-      onclick="openLoading({duration: 2000, content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.'})"
-    >
-      Show Loading with long content
-    </button>
-    <button
-      class="expand"
-      id="no-spinner-loading"
-      onclick="openLoading({duration: 2000, content: 'Loading Please Wait...', spinner: null})"
-    >
-      Show Loading with no spinner
-    </button>
-    <button
-      class="expand"
-      id="translucent-loading"
-      onclick="openLoading({duration: 5000, content: 'Loading Please Wait...', translucent: true})"
-    >
-      Show Loading with translucent
-    </button>
-    <button
-      class="expand"
-      id="custom-class-loading"
-      onclick="openLoading({duration: 5000, content: 'Loading Please Wait...', translucent: true, cssClass: 'custom-class custom-loading'})"
-    >
-      Show Loading with cssClass
-    </button>
+    <main>
+      <button class="expand" id="basic-loading" onclick="openLoading({ message: 'Hellooo', duration: 5000 })">
+        Show Loading
+      </button>
+      <button
+        class="expand"
+        id="long-content-loading"
+        onclick="openLoading({duration: 2000, content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.'})"
+      >
+        Show Loading with long content
+      </button>
+      <button
+        class="expand"
+        id="no-spinner-loading"
+        onclick="openLoading({duration: 2000, content: 'Loading Please Wait...', spinner: null})"
+      >
+        Show Loading with no spinner
+      </button>
+      <button
+        class="expand"
+        id="translucent-loading"
+        onclick="openLoading({duration: 5000, content: 'Loading Please Wait...', translucent: true})"
+      >
+        Show Loading with translucent
+      </button>
+      <button
+        class="expand"
+        id="custom-class-loading"
+        onclick="openLoading({duration: 5000, content: 'Loading Please Wait...', translucent: true, cssClass: 'custom-class custom-loading'})"
+      >
+        Show Loading with cssClass
+      </button>
+    </main>
 
     <script>
       async function openLoading(opts) {
