diff --git a/src/wizard-dialog.ts b/src/wizard-dialog.ts
index 1a2faf4c21..c1d58bf44b 100644
--- a/src/wizard-dialog.ts
+++ b/src/wizard-dialog.ts
@@ -42,6 +42,7 @@ import {
   identity,
   WizardInput,
   WizardMenuActor,
+  formatXml,
 } from './foundation.js';
 
 function renderWizardInput(
@@ -325,7 +326,9 @@ export class WizardDialog extends LitElement {
               style="width: 80vw; height: calc(100vh - 240px);"
               theme="ace/theme/solarized_${localStorage.getItem('theme')}"
               mode="ace/mode/xml"
-              value="${new XMLSerializer().serializeToString(page.element)}"
+              value="${formatXml(
+                new XMLSerializer().serializeToString(page.element)
+              )}"
             ></ace-editor>`
           : page.content?.map(renderWizardInput)}
       </div>