diff --git a/website/public/profile/index.html b/website/public/profile/index.html
index 4ce4de00..5d23d607 100644
--- a/website/public/profile/index.html
+++ b/website/public/profile/index.html
@@ -26,15 +26,16 @@
     </span>
     <h1 id="mainhead">TitanScout- Your Profile</h1>
     <p id="status">Loading...</p>
-    <input type="button" name="Sign Out" value="Sign Out" onclick="signout();" id="signout">
-    <input type="button" name="DelAcc" value="Delete Account" onclick="deleteAccount();" id="deleteacc">
+    <input type="button" name="Sign Out" value="Sign Out" onclick="signout();" id="signout" class="btn">
+    <input type="button" name="DelAcc" value="Delete Account" onclick="deleteAccount();" id="deleteacc" class="btm">
+    <h2>Profile info</h2>
     <table id="profileupd">
       <tr class="profupdopt">
         <td>
           Username: <span contenteditable="true" id="newDN"></span>
         </td>
         <td>
-          <input type="button" name="upun" value="Update Username" onclick="updun();">
+          <input type="button" name="upun" value="Update Username" onclick="updun();" class="btn">
         </td>
       </tr>
       <tr class="profileupdopt">
@@ -42,11 +43,10 @@
           Email: <span contenteditable="true"  id="newEM"></span>
         </td>
         <td>
-          <input type="button" name="updem" value="Update Email" onclick="updem();">
+          <input type="button" name="updem" value="Update Email" onclick="updem();" class="btn">
         </td>
       </tr>
     </table>
-    <div id="firebaseui-auth-container"></div>
   </div>
 </body>
 
diff --git a/website/public/profile/scripts.js b/website/public/profile/scripts.js
index f155b293..9ffb920f 100644
--- a/website/public/profile/scripts.js
+++ b/website/public/profile/scripts.js
@@ -3,6 +3,9 @@ function openNav() {
   document.getElementById("mySidenav").style.width = "250px";
   document.getElementById("main").style.marginLeft = "250px";
   document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
+  for (var i = 0; i < document.getElementsByClass("btn").length; i++) {
+    document.getElementsByClass("btn")[i].style.backgroundColor="rgba(0,0,0,.2)"
+  }
 }
 
 /* Set the width of the side navigation to 0 and the left margin of the page content to 0, and the background color of body to white */
@@ -10,6 +13,9 @@ function closeNav() {
   document.getElementById("mySidenav").style.width = "0";
   document.getElementById("main").style.marginLeft = "0";
   document.body.style.backgroundColor = "white";
+  for (var i = 0; i < document.getElementsByClass("btn").length; i++) {
+    document.getElementsByClass("btn")[i].style.backgroundColor="buttonface"
+  }
 }
 
 window.onload = function() {