diff --git a/frontend/src/components/manage/PanelCreationForm.svelte b/frontend/src/components/manage/PanelCreationForm.svelte
index 2916cfd..6fe1e19 100644
--- a/frontend/src/components/manage/PanelCreationForm.svelte
+++ b/frontend/src/components/manage/PanelCreationForm.svelte
@@ -119,7 +119,6 @@
                             {#if !data.use_server_default_naming_scheme}
                                 <Input label="Naming Scheme"
                                        bind:value={data.naming_scheme}
-                                       on:input={handleNamingSchemeChange}
                                        placeholder="ticket-%id%"
                                        tooltipText="Click here for the full placeholder list"
                                        tooltipLink="https://docs.ticketsbot.net" />
@@ -174,6 +173,11 @@
     let selectedTeams = seedDefault ? [{id: 'default', name: 'Default'}] : [];
     let selectedMentions = [];
 
+    // Replace spaces with dashes in naming scheme as the user types
+    $: if (data.naming_scheme.includes(' ')) {
+        data.naming_scheme = data.naming_scheme.replaceAll(' ', '-');
+    }
+
     function updateMentions() {
         if (selectedMentions === undefined) {
             selectedMentions = [];
@@ -241,10 +245,6 @@
         };
     }
 
-    function handleNamingSchemeChange() {
-        data.naming_scheme = data.naming_scheme.replaceAll(' ', '-');
-    }
-
     function updateColour() {
         data.colour = colourToInt(tempColour);
     }