diff --git a/frontend/javascript/modules/majorProjectForm.js b/frontend/javascript/modules/majorProjectForm.js
index 3fc80d0..28c545a 100644
--- a/frontend/javascript/modules/majorProjectForm.js
+++ b/frontend/javascript/modules/majorProjectForm.js
@@ -23,8 +23,8 @@ export default class MajorProjectForm {
       this.tags_written = true
       document.getElementsByClassName("placeholder").item(0).remove()
     }
-        let txt = input.value.replace(/[^a-zA-Z0-9\+\-\.\#]/g, ''); // allowed characters list
-    if (txt) input.before('<span class="skill-tag">' + txt + '</span>');
+        let txt = input.value.replace(/[^a-zA-Z0-9\+\-\.\# ]/g, ''); // allowed characters list
+    if (txt) input.insertAdjacentHTML("beforebegin", '<span class="skill-tag">' + txt + '</span>');
     input.value = "";
     input.focus();