diff --git a/website/public/profile/index.html b/website/public/profile/index.html
index 27f5ff77..4ce4de00 100644
--- a/website/public/profile/index.html
+++ b/website/public/profile/index.html
@@ -31,7 +31,7 @@
     <table id="profileupd">
       <tr class="profupdopt">
         <td>
-          Username: <input type="text" name="NewDN" value="" id="newDN">
+          Username: <span contenteditable="true" id="newDN"></span>
         </td>
         <td>
           <input type="button" name="upun" value="Update Username" onclick="updun();">
@@ -39,7 +39,7 @@
       </tr>
       <tr class="profileupdopt">
         <td>
-          Email: <input type="text" name="NewEM" value="" id="newEM">
+          Email: <span contenteditable="true"  id="newEM"></span>
         </td>
         <td>
           <input type="button" name="updem" value="Update Email" onclick="updem();">
diff --git a/website/public/profile/scripts.js b/website/public/profile/scripts.js
index 52cdba59..f155b293 100644
--- a/website/public/profile/scripts.js
+++ b/website/public/profile/scripts.js
@@ -27,7 +27,7 @@ window.onload = function() {
     if (user != null) {
       if (user.displayName != null) {
         document.getElementById('status').innerHTML = "You are signed in as: " + user.displayName;
-        document.getElementById('newDN').value = user.displayName;
+        document.getElementById('newDN').innerHTML = user.displayName;
       } else if (user.email != null) {
         document.getElementById('status').innerHTML = "You are signed in as: " + user.email;
       } else if (user.phoneNumber != null) {
@@ -36,7 +36,7 @@ window.onload = function() {
         document.getElementById('status').innerHTML = "You are signed in.";
       }
       if (user.email != null) {
-        document.getElementById('newEM').value = user.email;
+        document.getElementById('newEM').innerHTML = user.email;
       }
     } else {
       window.location.replace('../');
@@ -65,9 +65,9 @@ function deleteAccount() {
 function updun() {
   var user = firebase.auth().currentUser;
   user.updateProfile({
-    displayName: document.getElementById('newDN').value,
+    displayName: document.getElementById('newDN').innerHTML,
   }).then(function() {
-    document.getElementById('newDN').value = firebase.auth().currentUser.displayName;
+    document.getElementById('newDN').innerHTML = firebase.auth().currentUser.displayName;
     document.getElementById('status').innerHTML = "You are signed in as: " + firebase.auth().currentUser.displayName;
   }).catch(function(error) {
     alert("there was a problem: " + error)
@@ -76,10 +76,10 @@ function updun() {
 
 function updem() {
   var user = firebase.auth().currentUser;
-  user.updateEmail(document.getElementById('newEM').value).then(function() {
+  user.updateEmail(document.getElementById('newEM').innerHTML).then(function() {
     if (user.displayName != null) {
       document.getElementById('status').innerHTML = "You are signed in as: " + user.displayName;
-      document.getElementById('newDN').value = user.displayName;
+      document.getElementById('newDN').innerHTML = user.displayName;
     } else if (user.email != null) {
       document.getElementById('status').innerHTML = "You are signed in as: " + user.email;
     }