diff --git a/src/views/MemberEdit.vue b/src/views/MemberEdit.vue
index 3825358..f3a488e 100644
--- a/src/views/MemberEdit.vue
+++ b/src/views/MemberEdit.vue
@@ -26,11 +26,17 @@
         imagePreference: ''
     });
 
+    let title: string = '';
+
     const getMemberInfo = async (id: number) => {
         try {
+            // Fetch the member data
             const url = "http://127.0.0.1:8000/member/" + id;
             const response = await axios.get(url);
+
+            // Save the data where applicable
             member.value = response.data;
+            title = member.value.firstName + " "  + member.value.lastName + " : " + member.value.id;
         } catch (error) {
             console.error("Error fetching data: ", error);
         }
@@ -55,11 +61,16 @@
             const response = await axios(config);
             // The return value is the user data so we map it
             member.value = response.data;
+            title = member.value.firstName + " "  + member.value.lastName + " : " + member.value.id;
         } catch (error) {
             console.error("Error updating user data: ", error);
         }
     }
 
+    const convertToLowerCase = () => {
+        member.value.ntnuUsername = member.value.ntnuUsername.toLowerCase();
+    };
+
     onMounted(async () => {
         await getMemberInfo(suppliedId);
     });
@@ -68,10 +79,10 @@
 <template>
     <div class="member-edit">
 
-        <h3>{{ member.firstName + " " + member.lastName + " : " + member.id }}</h3>
+        <h3>{{ title }}</h3>
         <form @submit.prevent>
             <label for="fname">NTNU username</label><br>
-            <input type="text" id="ntnu-username" v-model="member.ntnuUsername"><br>
+            <input type="text" id="ntnu-username" v-model="member.ntnuUsername" @input="convertToLowerCase"><br>
 
             <label for="fname">First name</label><br>
             <input type="text" id="first-name" v-model="member.firstName"><br>