diff --git a/views/settings.html b/views/settings.html
index 72e78e9..aa8125b 100644
--- a/views/settings.html
+++ b/views/settings.html
@@ -24,6 +24,7 @@
       <br>
       <input name="avatar" class="avatar" id="avatarUpl" type="file" accept="image/png, image/jpeg">
       <br>
+      <br>
       <button type="submit" style="display:none;" id="avatarUplButton">Save avatar</button>
       <br>
       <br>
@@ -31,7 +32,22 @@
       <button id="changeBio" onclick="bioChanger()">Change Bio</button>
       <br>
       <div>
-        <h3>Change your password</h3>
+        <h3>Change your Username</h3>
+        <br>
+        <label for="newUsername">New Username:</label>
+        <input id="newUsername" placeholder="New Username" type="text">
+        <br>
+        <br>
+        <label for="currentPW_us">Password:</label>
+        <input id="currentPW_us" placeholder="Current Password" type="password">
+        <br>
+        <br>
+        <button onclick="changeUsername()">Change Username</button>
+        <br>
+        <span id="response_us"></span>
+      </div>
+      <div>
+        <h3>Change your Password</h3>
         <label for="currentPW_pw">Current Password:</label>
         <input id="currentPW_pw" placeholder="Current Password" type="password">
         <br>
@@ -44,21 +60,6 @@
         <br>
         <span id="response_pw"></span>
       </div>
-      <div>
-        <h3>Change your Username</h3>
-        <br>
-        <label for="currentPW_us">Password:</label>
-        <input id="currentPW_us" placeholder="Current Password" type="password">
-        <br>
-        <br>
-        <label for="newUsername">New Username:</label>
-        <input id="newUsername" placeholder="New Username" type="text">
-        <br>
-        <br>
-        <button onclick="changeUsername()">Change Username</button>
-        <br>
-        <span id="response_us"></span>
-      </div>
     </div>
   </main>
   <footer>