diff --git a/src/recovery/password.html b/src/recovery/password.html
index 876beb5..385ac26 100644
--- a/src/recovery/password.html
+++ b/src/recovery/password.html
@@ -4,19 +4,37 @@
   <meta charset="UTF-8"/>
   <title>Account Recovery</title>
   <link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png"/>
+  <link rel="stylesheet" type="text/css" href="../stylesheets/index.css"/>
 </head>
 <body>
-<form id="recovery">
-  <label for="username">Username</label>
-  <input type="text" id="username" name="username"/>
-  <p>Or</p>
-  <label for="email">Email</label>
-  <input type="text" id="email" name="email"/>
-  <br/>
-  <br/>
-  <input type="submit" value="submit"/>
-</form>
-<p id="formStatus"></p>
+<div id="title">
+  <a href="../"><img src="../images/sharky_vector_svg.svg" alt="Picture of Sharky, the mascot of skynet" width="145"
+                     height="81.56"/> </a>
+  <h1>Skynet Password Reset & Sign-up service</h1>
+</div>
+<div class="boxes">
+  <h2>Forgot Password</h2>
+  <p>Please use this page to request a password reset link to your linked email.</p>
+    <form id="recovery">
+      <table id="table">    
+        <tr>  
+          <td><label for="username">Username</label> </td>
+          <td><input type="text" id="username" name="username"/> <br/></td>
+        </tr>  
+        <tr>  
+          <td>Or<br/></td>
+        </tr>
+        <tr>  
+          <td><label for="email">Email</label> </td>
+          <td><input type="text" id="email" name="email"/> <br/></td>
+        </tr>  
+        <tr>
+          <td colspan="2"><input type="submit" value="submit"/></td> 
+        </tr>
+         </table>
+    </form>
+    <p id="formStatus"></p>
+</div>
 <footer>
   UL Computer Society 2023-<span id="year">2023</span>
 </footer>
@@ -71,4 +89,4 @@
 <script>
   document.getElementById('year').textContent = new Date().getFullYear().toString()
 </script>
-</html>
\ No newline at end of file
+</html>
