diff --git a/src/testing/html-serializer.ts b/src/testing/html-serializer.ts
index e18b0f1..d1a1e01 100644
--- a/src/testing/html-serializer.ts
+++ b/src/testing/html-serializer.ts
@@ -238,13 +238,18 @@ export function prettifyHtml(html: string): string {
 
         lines.push(' '.repeat(indentLevel * indentSize) + part);
       } else if (part.endsWith('/>')) {
-        // Self-closing tag
+        // Self-closing tag (XML style)
         lines.push(' '.repeat(indentLevel * indentSize) + part);
       } else {
         // Opening tag
         lines.push(' '.repeat(indentLevel * indentSize) + part);
-        // Increase indent for next content
-        indentLevel++;
+
+        // Check if it's a void element - if so, don't increase indent
+        const tagName = part.match(/<([^\s>/]+)/)?.[1]?.toLowerCase();
+        if (!tagName || !VOID_ELEMENTS.has(tagName)) {
+          // Not a void element, increase indent for next content
+          indentLevel++;
+        }
       }
     } else {
       // Text content - add on its own line with current indentation
diff --git a/test-project/src/components/non-shadow/__snapshots__/non-shadow-jsdom.spec.tsx.snap b/test-project/src/components/non-shadow/__snapshots__/non-shadow-jsdom.spec.tsx.snap
new file mode 100644
index 0000000..4a67c07
--- /dev/null
+++ b/test-project/src/components/non-shadow/__snapshots__/non-shadow-jsdom.spec.tsx.snap
@@ -0,0 +1,50 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`non-shadow-component serialization > nested components > should serialize nested non-shadow components 1`] = `
+<non-shadow-component class="sc-non-shadow-component-h hydrated">
+  <div class="wrapper sc-non-shadow-component">
+    <div class="header sc-non-shadow-component sc-non-shadow-component-s">
+      <slot-fb name="header" class="sc-non-shadow-component" hidden>
+        Default Header
+      </slot-fb>
+      <non-shadow-component slot="header" class="sc-non-shadow-component-h hydrated">
+        <div class="wrapper sc-non-shadow-component">
+          <div class="header sc-non-shadow-component sc-non-shadow-component-s">
+            <slot-fb name="header" class="sc-non-shadow-component">
+              Default Header
+            </slot-fb>
+          </div>
+          <div class="content sc-non-shadow-component sc-non-shadow-component-s">
+            <img src="https://via.placeholder.com/150" alt="Placeholder Image" class="sc-non-shadow-component">
+            <slot-fb class="sc-non-shadow-component" hidden>
+              Default Content
+            </slot-fb>
+            <span>
+              Nested Header
+            </span>
+          </div>
+          <div class="footer sc-non-shadow-component sc-non-shadow-component-s">
+            <slot-fb name="footer" class="sc-non-shadow-component">
+              Default Footer
+            </slot-fb>
+          </div>
+        </div>
+      </non-shadow-component>
+    </div>
+    <div class="content sc-non-shadow-component sc-non-shadow-component-s">
+      <img src="https://via.placeholder.com/150" alt="Placeholder Image" class="sc-non-shadow-component">
+      <slot-fb class="sc-non-shadow-component" hidden>
+        Default Content
+      </slot-fb>
+      <p>
+        Main Content
+      </p>
+    </div>
+    <div class="footer sc-non-shadow-component sc-non-shadow-component-s">
+      <slot-fb name="footer" class="sc-non-shadow-component">
+        Default Footer
+      </slot-fb>
+    </div>
+  </div>
+</non-shadow-component>
+`;
diff --git a/test-project/src/components/non-shadow/non-shadow-jsdom.spec.tsx b/test-project/src/components/non-shadow/non-shadow-jsdom.spec.tsx
index 103dce6..faa108a 100644
--- a/test-project/src/components/non-shadow/non-shadow-jsdom.spec.tsx
+++ b/test-project/src/components/non-shadow/non-shadow-jsdom.spec.tsx
@@ -31,6 +31,7 @@ describe('non-shadow-component serialization', () => {
               </span>
             </div>
             <div class="content sc-non-shadow-component sc-non-shadow-component-s">
+              <img src="https://via.placeholder.com/150" alt="Placeholder Image" class="sc-non-shadow-component">
               <slot-fb class="sc-non-shadow-component" hidden>
                 Default Content
               </slot-fb>
@@ -63,6 +64,7 @@ describe('non-shadow-component serialization', () => {
               </slot-fb>
             </div>
             <div class="content sc-non-shadow-component sc-non-shadow-component-s">
+              <img src="https://via.placeholder.com/150" alt="Placeholder Image" class="sc-non-shadow-component">
               <slot-fb class="sc-non-shadow-component">
                 Default Content
               </slot-fb>
@@ -96,6 +98,7 @@ describe('non-shadow-component serialization', () => {
               </span>
             </div>
             <div class="content sc-non-shadow-component sc-non-shadow-component-s">
+              <img src="https://via.placeholder.com/150" alt="Placeholder Image" class="sc-non-shadow-component">
               <slot-fb class="sc-non-shadow-component">
                 Default Content
               </slot-fb>
@@ -137,6 +140,7 @@ describe('non-shadow-component serialization', () => {
                 </slot-fb>
               </div>
               <div class="content sc-non-shadow-component sc-non-shadow-component-s">
+                <img src="https://via.placeholder.com/150" alt="Placeholder Image" class="sc-non-shadow-component">
                 <slot-fb class="sc-non-shadow-component" hidden>
                   Default Content
                 </slot-fb>
@@ -203,6 +207,8 @@ describe('non-shadow-component serialization', () => {
         </non-shadow-component>,
       );
 
+      expect(result.root).toMatchSnapshot();
+
       expect(result.root).toEqualHtml(`
         <non-shadow-component class="sc-non-shadow-component-h hydrated">
           <div class="wrapper sc-non-shadow-component">
@@ -218,6 +224,7 @@ describe('non-shadow-component serialization', () => {
                     </slot-fb>
                   </div>
                   <div class="content sc-non-shadow-component sc-non-shadow-component-s">
+                    <img src="https://via.placeholder.com/150" alt="Placeholder Image" class="sc-non-shadow-component">
                     <slot-fb class="sc-non-shadow-component" hidden>
                       Default Content
                     </slot-fb>
@@ -234,6 +241,7 @@ describe('non-shadow-component serialization', () => {
               </non-shadow-component>
             </div>
             <div class="content sc-non-shadow-component sc-non-shadow-component-s">
+              <img src="https://via.placeholder.com/150" alt="Placeholder Image" class="sc-non-shadow-component">
               <slot-fb class="sc-non-shadow-component" hidden>
                 Default Content
               </slot-fb>
diff --git a/test-project/src/components/non-shadow/non-shadow.tsx b/test-project/src/components/non-shadow/non-shadow.tsx
index 87ebd71..d3933b6 100644
--- a/test-project/src/components/non-shadow/non-shadow.tsx
+++ b/test-project/src/components/non-shadow/non-shadow.tsx
@@ -18,6 +18,7 @@ export class NonShadowComponent {
           <slot name="header">Default Header</slot>
         </div>
         <div class="content">
+          <img src="https://via.placeholder.com/150" alt="Placeholder Image" />
           <slot>Default Content</slot>
         </div>
         <div class="footer">