diff --git a/login/forgot/index.html b/login/forgot/index.html
index 2f944f1..0ee3ee2 100644
--- a/login/forgot/index.html
+++ b/login/forgot/index.html
@@ -31,17 +31,17 @@
       <td class="content">
         <h2>Reset your password</h2>
         <!-- Forgot Password Form -->
-        <div class="forgot-password">
+        <div class="form-container">
           <form action="/cgi-bin/forgot_password.cgi" method="post">
-            <label for="username">Username:</label>
-            <input type="text" id="username" name="username" required>
-            <br>
-            <label for="email">Email:</label>
-            <input type="email" id="email" name="email" required>
-            <br>
-            <input type="submit" value="Reset Password">
+              <label for="username">Username:</label>
+              <input type="text" id="username" name="username" required>
+              <br>
+              <label for="email">Email:</label>
+              <input type="email" id="email" name="email" required>
+              <br>
+              <input type="submit" value="Reset Password">
           </form>
-        </div>
+      </div>      
       </td>
     </tr>
 
diff --git a/login/register/index.html b/login/register/index.html
index a2aa651..1785ae0 100644
--- a/login/register/index.html
+++ b/login/register/index.html
@@ -31,22 +31,20 @@
       <td class="content">
         <h2>Create a new account</h2>
         <!-- Register Form -->
-        <div class="register">
+        <div class="form-container">
           <form action="/cgi-bin/register.cgi" method="post">
-            <label for="username">Username:</label>
-            <input type="text" id="username" name="username" required>
-            <br>
-            <label for="password">Password:</label>
-            <input type="password" id="password" name="password" required>
-            <br>
-            <label for="confirm_password">Confirm Password:</label>
-            <input type="password" id="confirm_password" name="confirm_password" required>
-            <br>
-            <label for="email">Email:</label>
-            <input type="email" id="email" name="email" required>
-            <input type="submit" value="Register">
+              <label for="username">Username:</label>
+              <input type="text" id="username" name="username" required>
+              <br>
+              <label for="password">Password:</label>
+              <input type="password" id="password" name="password" required>
+              <br>
+              <label for="confirm_password">Confirm Password:</label>
+              <input type="password" id="confirm_password" name="confirm_password" required>
+              <br>
+              <input type="submit" value="Register">
           </form>
-        </div>
+      </div>
       </td>
     </tr>
 
diff --git a/styles.css b/styles.css
index 0ff061f..fb51f7a 100644
--- a/styles.css
+++ b/styles.css
@@ -79,30 +79,65 @@ body {
     vertical-align: top;
   }
 
-  .login {
-    width: 200px;
-    margin: 0 auto;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    padding: 20px;
-    background-color: #eeeeee; 
-    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
-  }
+    .login {
+      width: 200px;
+      margin: 0 auto;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 20px;
+      background-color: #eeeeee; 
+      /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
+    }
 
-  .login form {
+    .login form {
+        display: flex;
+        flex-direction: column;
+        width: 100%; 
+        align-items: center; 
+    }
+
+    .login label, 
+    .login input {
+        margin: 5px 0;
+        width: 100%;
+    }
+
+    .form-container {
+      width: 200px;
+      margin: 0 auto;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 20px;
+      background-color: #eeeeee;
+      /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
+  }
+  
+  .form-container form {
       display: flex;
       flex-direction: column;
       width: 100%; 
       align-items: center; 
   }
-
-  .login label, 
-  .login input {
+  
+  .form-container label, 
+  .form-container input {
       margin: 5px 0;
       width: 100%;
   }
+  
+  .form-container .controls {
+      display: flex;
+      justify-content: space-between;
+      width: 100%;
+  }
+  
+  .form-container .controls a {
+      text-align: center;
+  }
 
   .controls {
       display: flex;