diff --git a/src/servala/static/js/fqdn.js b/src/servala/static/js/fqdn.js
index 2e20f6d..178c586 100644
--- a/src/servala/static/js/fqdn.js
+++ b/src/servala/static/js/fqdn.js
@@ -9,28 +9,23 @@ const initializeFqdnGeneration = (prefix) => {
             return `${instanceName}-${fqdnConfig.namespace}.${fqdnConfig.wildcardDns}`;
         }
 
-        const newNameField = nameField.cloneNode(true);
-        nameField.parentNode.replaceChild(newNameField, nameField);
-        const newFqdnField = fqdnField.cloneNode(true);
-        fqdnField.parentNode.replaceChild(newFqdnField, fqdnField);
-
-        newNameField.addEventListener('input', function() {
-            if (!newFqdnField.dataset.manuallyEdited) {
-                newFqdnField.value = generateFqdn(this.value);
-                const container = newFqdnField.closest('.dynamic-array-widget');
+        nameField.addEventListener('input', function() {
+            if (!fqdnField.dataset.manuallyEdited) {
+                fqdnField.value = generateFqdn(this.value);
+                const container = fqdnField.closest('.dynamic-array-widget');
                 if (container && window.updateHiddenInput) {
                     window.updateHiddenInput(container);
                 }
             }
         });
 
-        newFqdnField.addEventListener('input', function() {
+        fqdnField.addEventListener('input', function() {
             this.dataset.manuallyEdited = 'true';
         });
 
-        if (newNameField.value && !newFqdnField.value) {
-            newFqdnField.value = generateFqdn(newNameField.value);
-            const container = newFqdnField.closest('.dynamic-array-widget');
+        if (nameField.value && !fqdnField.value) {
+            fqdnField.value = generateFqdn(nameField.value);
+            const container = fqdnField.closest('.dynamic-array-widget');
             if (container && window.updateHiddenInput) {
                 window.updateHiddenInput(container);
             }