diff --git a/packages/components/src/components/checkbox/__snapshots__/checkbox.spec.ts.snap b/packages/components/src/components/checkbox/__snapshots__/checkbox.spec.ts.snap
index fc671e6511..45df9316f8 100644
--- a/packages/components/src/components/checkbox/__snapshots__/checkbox.spec.ts.snap
+++ b/packages/components/src/components/checkbox/__snapshots__/checkbox.spec.ts.snap
@@ -5,8 +5,8 @@ exports[`Checkbox should match snapshot 1`] = `
   <!---->
   <input id="input-checkbox-0" part="input" type="checkbox" value="">
   <label htmlfor="input-checkbox-0" part="container">
-    <div part="checkbox"></div>
-    <div part="label"></div>
+    <span part="checkbox"></span>
+    <span part="label"></span>
   </label>
 </scale-checkbox>
 `;
@@ -16,8 +16,8 @@ exports[`Checkbox should match snapshot 2`] = `
   <!---->
   <input aria-describedby="helper-message-2" id="input-checkbox-2" part="input" type="checkbox" value="">
   <label htmlfor="input-checkbox-2" part="container">
-    <div part="checkbox"></div>
-    <div part="label"></div>
+    <span part="checkbox"></span>
+    <span part="label"></span>
   </label>
   <div aria-live="polite" aria-relevant="additions removals" id="helper-message-2" part="helper-text">
     <scale-icon-alert-information size="11"></scale-icon-alert-information>
diff --git a/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap b/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap
index 7d76add8c1..9a0d30db16 100644
--- a/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap
+++ b/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap
@@ -5,17 +5,17 @@ exports[`Switch should match snapshot 1`] = `
   <div class="switch switch--focus-visible-not-supported switch--size-large">
     <label class="switch__wrapper" id="switch-0-label">
       <input aria-labelledby="switch-0-label" class="switch__control" id="switch-0" type="checkbox">
-      <div aria-hidden="true" class="switch__toggle">
-        <div class="switch__thumb">
+      <span aria-hidden="true" class="switch__toggle">
+        <span class="switch__thumb">
           <scale-icon-action-checkmark decorative="" selected="" size="12"></scale-icon-action-checkmark>
-        </div>
-        <div class="switch__io-text">
+        </span>
+        <span class="switch__io-text">
           <span>
             0
           </span>
-        </div>
-      </div>
-      <div aria-hidden="true" class="switch__toggle--overlay"></div>
+        </span>
+      </span>
+      <span aria-hidden="true" class="switch__toggle--overlay"></span>
     </label>
   </div>
 </scale-switch>