diff --git a/webclient/src/LoginSignup.js b/webclient/src/LoginSignup.js
index 473d63a..cb35907 100644
--- a/webclient/src/LoginSignup.js
+++ b/webclient/src/LoginSignup.js
@@ -76,7 +76,7 @@ export function SignupForm(props) {
 
 	const genUsername = () => (
 		input.first_name && input.last_name ?
-			(input.first_name + '.' + input.last_name).toLowerCase()
+			(input.first_name + '.' + input.last_name).toLowerCase().replace(/ /g, '.')
 		:
 			''
 	);