diff --git a/src/lib/components/login/login.svelte b/src/lib/components/login/login.svelte
new file mode 100644
index 0000000..a2f2de3
--- /dev/null
+++ b/src/lib/components/login/login.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+    import { fade } from "svelte/transition";
+</script>
+
+<div in:fade class="flex items-center justify-center">
+	<fieldset class="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4">
+		<legend class="fieldset-legend">First Time Registration</legend>
+
+		<label class="label" for="email">Email</label>
+		<input type="email" required class="input validator" id="email" placeholder="Email" />
+		<label class="label" for="password">New Password</label>
+		<input type="password" class="input" id="password" placeholder="Password" />
+
+		<button class="btn btn-neutral mt-4" type="submit">Register Admin Account</button>
+	</fieldset>
+</div>
diff --git a/src/routes/login.html/+page.svelte b/src/routes/login.html/+page.svelte
index b1dd676..2bd09fd 100644
--- a/src/routes/login.html/+page.svelte
+++ b/src/routes/login.html/+page.svelte
@@ -3,6 +3,7 @@
 	import { fade } from 'svelte/transition';
 	import { loginOrRegister } from '$lib/components/login/auth-functions.svelte';
 	import { onMount } from 'svelte';
+	import Login from '$lib/components/login/login.svelte';
 
 	appSettings.navbarTitle = 'Login';
 	appSettings.sidebarDrawerOpen = false;
@@ -32,16 +33,5 @@
 {/if}
 
 {#if loginType == 'registration'}
-	<div in:fade class="flex items-center justify-center">
-		<fieldset class="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4">
-			<legend class="fieldset-legend">First Time Registration</legend>
-
-			<label class="label" for="email">Email</label>
-			<input type="email" required class="input validator" id="email" placeholder="Email" />
-			<label class="label" for="password">New Password</label>
-			<input type="password" class="input" id="password" placeholder="Password" />
-
-			<button class="btn btn-neutral mt-4" type="submit">Register Admin Account</button>
-		</fieldset>
-	</div>
+	<Login></Login>
 {/if}