diff --git a/src/routes/(nolayout)/login/+page.svelte b/src/routes/(nolayout)/login/+page.svelte
index 8b6191f..88cf6e5 100644
--- a/src/routes/(nolayout)/login/+page.svelte
+++ b/src/routes/(nolayout)/login/+page.svelte
@@ -3,25 +3,10 @@
 </svelte:head>
 
 <div class="max-w-lg mx-auto text-center text-white">
-	<img class="mx-auto" src="/favicon.png" alt="">
-	<p class="text-5xl font-bold">Login to Rowblox!</p>
-	<input
-	class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
-			type="text"
-			name="username"
-			id="username"
-			placeholder="Username" 
-			/>
-			<input
-			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
-					type="password"
-					name="pass"
-					id="password"
-					placeholder="Password" 
-					/>			
-
-	<div class="text-xl text-white">
-		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500" href="/my/profile">Login</a>
+	<img class="mx-auto" src="/favicon.png" alt="" />
+	<div class="flex flex-col">
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="password" id="password" placeholder="Password" />
 	</div>
-
-</div>
\ No newline at end of file
+	<button class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500">Login</button>
+</div>
diff --git a/src/routes/(nolayout)/register/+page.svelte b/src/routes/(nolayout)/register/+page.svelte
index 34471a9..5bd5149 100644
--- a/src/routes/(nolayout)/register/+page.svelte
+++ b/src/routes/(nolayout)/register/+page.svelte
@@ -3,39 +3,12 @@
 </svelte:head>
 
 <div class="max-w-lg mx-auto text-center text-white">
-	<img class="mx-auto" src="/favicon.png" alt="">
-	<p class="text-5xl font-bold">Create an Account!</p>
-	<input
-	class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
-			type="text"
-			name="username"
-			id="username"
-			placeholder="Username" 
-			/>
-			<input
-			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
-					type="password"
-					name="pass"
-					id="password"
-					placeholder="Password" 
-					/>
-					<input
-			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
-					type="password"
-					name="password"
-					id="passwordconfirm"
-					placeholder="Confirm Password" 
-					/>
-					<input
-			        class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
-					type="text"
-					name="invite"
-					id="invitekey"
-					placeholder="Invite key" 
-					/>
-
-	<div class="text-xl text-white">
-		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500" href="/login">Register</a>
+	<img class="mx-auto" src="/favicon.png" alt="" />
+	<div class="flex flex-col">
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="password" id="password" placeholder="Password" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="passwordconfirm" id="passwordconfirm" placeholder="Confirm Password" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="text" name="invite" id="invite" placeholder="Invite Key" />
 	</div>
-
+	<button class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500">Register</button>
 </div>