diff --git a/homepage/html/index.html b/homepage/html/index.html
index fc1d798..2d170da 100644
--- a/homepage/html/index.html
+++ b/homepage/html/index.html
@@ -30,6 +30,14 @@
 						<div class="icon"></div>
 						<div class="text">Request Invite</div>
 					</a>
+					<div class="whitelist details">
+						<form>
+							<label for="mcun">Username:</label>
+							<input type="text" id="mcun" name="mcun" autocomplete="off">
+							<label for="referral">Referral from:</label>
+							<input type="text" id="referral" name="referral" autocomplete="off">
+						</form>
+					</div>
 				</div>
 			</div>
 		</div>
diff --git a/homepage/static/css/styles.css b/homepage/static/css/styles.css
index aedfe00..90c4a17 100644
--- a/homepage/static/css/styles.css
+++ b/homepage/static/css/styles.css
@@ -6,11 +6,9 @@ html {
   background-image: url("/img/bg.png");
   image-rendering: crisp-edges;
   background-size: 100px;
-  height: 100%;
 }
 
 body {
-  height: 100%;
   margin: 0px;
 }
 
@@ -19,7 +17,6 @@ body {
   width: 50%;
   /*border: 3px solid green;*/
   padding: 10px;
-  height: 100%;
   box-sizing: border-box;
 }
 
@@ -98,13 +95,33 @@ body {
 
 .row .details.news textarea {
   resize: none;
-  width: 90%;
-  background: url("/img/stripped_birch_log.png");
-  background-size: 80px;
   border: none;
+}
+
+.row .details.whitelist form {
+  display: flex;
+  flex-flow: column wrap;
+}
+
+.row .details.whitelist form label:first-child {
+  margin-top: 0pt;
+}
+
+.row .details.whitelist form label {
+  margin-top: 10pt;
+}
+
+.row .details.whitelist form input {
+  height: 20pt;
+}
+
+.row .details>* {
+  width: 90%;
   padding: 10pt;
   margin-top: 5pt;
   box-shadow: 5px 5px 15px black;
+  background: url("/img/stripped_birch_log.png");
+  background-size: 80px;
 }
 
 @font-face {