diff --git a/src/runtime/vdom/vdom-annotations.ts b/src/runtime/vdom/vdom-annotations.ts
index df366c054ed..88c1f002ba2 100644
--- a/src/runtime/vdom/vdom-annotations.ts
+++ b/src/runtime/vdom/vdom-annotations.ts
@@ -115,10 +115,7 @@ const parseVNodeAnnotations = (
      * we need to insert the vnode annotations on the host element childrens as well
      * as on the children from its shadowRoot if there is one
      */
-    const childNodes = [
-      ...Array.from(node.childNodes),
-      ...Array.from(node.shadowRoot?.childNodes || [])
-    ];
+    const childNodes = [...Array.from(node.childNodes), ...Array.from(node.shadowRoot?.childNodes || [])];
     childNodes.forEach((childNode) => {
       const hostRef = getHostRef(childNode);
       if (hostRef != null && !docData.staticComponents.has(childNode.nodeName.toLowerCase())) {
diff --git a/test/wdio/declarative-shadow-dom/page-list-item.tsx b/test/wdio/declarative-shadow-dom/page-list-item.tsx
index f69483bb86e..778792fa7bf 100644
--- a/test/wdio/declarative-shadow-dom/page-list-item.tsx
+++ b/test/wdio/declarative-shadow-dom/page-list-item.tsx
@@ -7,8 +7,8 @@ import { Component, h, Prop } from '@stencil/core';
 })
 export class MyOtherComponent {
   /**
-     * Set the number to be displayed.
-     */
+   * Set the number to be displayed.
+   */
   @Prop() label!: number;
 
   /**
@@ -19,7 +19,7 @@ export class MyOtherComponent {
   render() {
     const paginationItemClass: any = {
       'pagination-item': true,
-      'active': this.active,
+      active: this.active,
     };
 
     return (
diff --git a/test/wdio/declarative-shadow-dom/page-list.test.ts b/test/wdio/declarative-shadow-dom/page-list.test.ts
index c7743e8d09e..30d2b3418dc 100644
--- a/test/wdio/declarative-shadow-dom/page-list.test.ts
+++ b/test/wdio/declarative-shadow-dom/page-list.test.ts
@@ -10,12 +10,13 @@ describe('renderToString', () => {
   });
 
   beforeEach(async () => {
-    const { html } = await renderToString(
-      `<page-list last-page="5" current-page="1"></page-list>`,
-      { serializeShadowRoot: true, prettyHtml: true, fullDocument: false },
-    );
+    const { html } = await renderToString(`<page-list last-page="5" current-page="1"></page-list>`, {
+      serializeShadowRoot: true,
+      prettyHtml: true,
+      fullDocument: false,
+    });
     const stage = document.createElement('div');
-    stage.setAttribute('id', 'stage')
+    stage.setAttribute('id', 'stage');
     stage.setHTMLUnsafe(html);
     document.body.appendChild(stage);
   });
@@ -25,7 +26,7 @@ describe('renderToString', () => {
   });
 
   it('can hydrate a nested shadow component', async () => {
-    expect(typeof customElements.get('page-list-item')).toBe('undefined')
+    expect(typeof customElements.get('page-list-item')).toBe('undefined');
 
     // @ts-expect-error resolved through WDIO
     const { defineCustomElements } = await import('/dist/loader/index.js');
@@ -33,7 +34,7 @@ describe('renderToString', () => {
 
     // wait for Stencil to take over and reconcile
     await browser.waitUntil(async () => customElements.get('page-list-item'));
-    expect(typeof customElements.get('page-list-item')).toBe('function')
+    expect(typeof customElements.get('page-list-item')).toBe('function');
     await expect($('page-list')).toHaveText('0\n1\n2\n3\n4');
   });
 });
diff --git a/test/wdio/declarative-shadow-dom/page-list.tsx b/test/wdio/declarative-shadow-dom/page-list.tsx
index c38a2917c49..26e276c4c92 100644
--- a/test/wdio/declarative-shadow-dom/page-list.tsx
+++ b/test/wdio/declarative-shadow-dom/page-list.tsx
@@ -6,7 +6,6 @@ import { Component, h, Prop, State } from '@stencil/core';
   shadow: true,
 })
 export class PatternlibPagination {
-
   @Prop({ mutable: true }) lastPage: number | null = null;
   @State() pages: Array<number> = [];
 
@@ -29,7 +28,7 @@ export class PatternlibPagination {
       <div>
         <div class="pagination">
           <div class="pagination-pages pagination-notation">
-            {this.pages.map(i => (
+            {this.pages.map((i) => (
               <page-list-item label={i}></page-list-item>
             ))}
           </div>