diff --git a/apps/ui/js/wizard-shell.js b/apps/ui/js/wizard-shell.js
index dcf4246..544eda3 100644
--- a/apps/ui/js/wizard-shell.js
+++ b/apps/ui/js/wizard-shell.js
@@ -88,10 +88,10 @@
       element.textContent = tfKey('wizard.step_short', { step: stepNumber });
     });
 
-    document.querySelectorAll('.step-pane').forEach(function(pane) { pane.style.display = 'none'; });
+    document.querySelectorAll('.step-pane').forEach(function(pane) { pane.hidden = true; });
     var panelId = step === 3 ? step3PanelId() : 'step-panel-' + step;
     var pane = document.getElementById(panelId);
-    if (pane) pane.style.display = '';
+    if (pane) pane.hidden = false;
 
     document.querySelectorAll('.step-item').forEach(function(item, index) {
       var stepNumber = index + 1;
diff --git a/apps/ui/js/wizard.js b/apps/ui/js/wizard.js
index f3f2499..8b9d5dc 100644
--- a/apps/ui/js/wizard.js
+++ b/apps/ui/js/wizard.js
@@ -1943,7 +1943,7 @@ function prefillUpstream(baseUrl, headers, authProfileRef) {
   var trigger = document.getElementById('upstream-new-trigger');
   var form = document.getElementById('upstream-new-form');
   if (trigger) trigger.classList.add('active');
-  if (form) form.style.display = '';
+  if (form) form.hidden = false;
   setValue('new-upstream-name', 'imported-upstream');
   setValue('new-upstream-url', baseUrl);
   setValue('new-upstream-static-headers', headers && Object.keys(headers).length ? JSON.stringify(headers, null, 2) : '{\n}');