diff --git a/css/global.css b/css/global.css
index 038930c..6e66725 100644
--- a/css/global.css
+++ b/css/global.css
@@ -59,3 +59,11 @@ footer {
 .less_padding {
   padding: 6px 14px;
 }
+
+.bg-light {
+  background-color: var(--fg-color);
+}
+
+.bg-dark {
+  background-color: var(--bg-color);
+}
diff --git a/views/settings.html b/views/settings.html
index 60b1c19..24e866a 100644
--- a/views/settings.html
+++ b/views/settings.html
@@ -16,8 +16,8 @@
   <header>
       <h1>Welcome Back!</h1>
   </header>
-  <main>
-    <div class="form_class info_div">
+  <main class="bg-dark">
+    <div class="bg-light">
       <h2 id="user">User: USER</h2>
       <br>
       <img id="avatarimg" width=100 height=100>
@@ -41,13 +41,12 @@
         <br>
         <br>
         <button onclick="changePW()">Change Password</button>
-        <br> 
+        <br>
         <span id="response_pw"></span>
       </div>
       <div>
         <h3>Change your Username</h3>
         <br>
-        <h1 id="username">Current User: USER</h1>
         <label for="currentPW_us">Password:</label>
         <input id="currentPW_us" placeholder="Current Password" type="password">
         <br>