diff --git a/dashboard/src/components/group/Edit.svelte b/dashboard/src/components/group/Edit.svelte
index c1958454..d51ec2eb 100644
--- a/dashboard/src/components/group/Edit.svelte
+++ b/dashboard/src/components/group/Edit.svelte
@@ -25,6 +25,9 @@
         err = [];
         success = false;
 
+        // trim all string fields
+        Object.keys(data).forEach(k => data[k] = typeof data[k] == "string" ? data[k].trim() : data[k]);
+
         if (!data.name) err.push("Group name cannot be empty.")
 
         if (data.color && !/^#?[A-Fa-f0-9]{6}$/.test(input.color)) {
@@ -35,9 +38,6 @@
             }
         }
 
-        // trim all string fields
-        Object.keys(data).forEach(k => data[k] = typeof data[k] == "string" ? data[k].trim() : data[k]);
-
         err = err;
         if (err.length > 0) return;
 
diff --git a/dashboard/src/components/member/Edit.svelte b/dashboard/src/components/member/Edit.svelte
index bf9a2734..ccf12590 100644
--- a/dashboard/src/components/member/Edit.svelte
+++ b/dashboard/src/components/member/Edit.svelte
@@ -24,6 +24,9 @@
         let data = input;
         err = [];
 
+        // trim all string fields
+        Object.keys(data).forEach(k => data[k] = typeof data[k] == "string" ? data[k].trim() : data[k]);
+
         if (!data.name) err.push("Member name cannot be empty.")
 
         if (data.color && !/^#?[A-Fa-f0-9]{6}$/.test(input.color)) {
@@ -58,9 +61,6 @@
             }
         }
 
-        // trim all string fields
-        Object.keys(data).forEach(k => data[k] = typeof data[k] == "string" ? data[k].trim() : data[k]);
-
         err = err;
         if (err.length > 0) return;