diff --git a/client/src/components/auth.rs b/client/src/components/auth.rs
new file mode 100644
index 0000000..996ce22
--- /dev/null
+++ b/client/src/components/auth.rs
@@ -0,0 +1,17 @@
+use leptos::*;
+
+#[component]
+pub fn Auth() -> impl IntoView {
+    let (username, _set_username) = create_signal("Anonymous");
+
+    view! {
+        <div class="p-1">
+            <h2 class="text-2xl">Sign in:</h2>
+            <p>Username:</p>
+            <input
+                class="w-96 font-mono rounded-sm bg-slate-900 text-slate-200"
+                placeholder=move || username.get()
+            />
+        </div>
+    }
+}
diff --git a/client/src/components/mod.rs b/client/src/components/mod.rs
index 29c6011..9b3e39b 100644
--- a/client/src/components/mod.rs
+++ b/client/src/components/mod.rs
@@ -1,2 +1,3 @@
+pub mod auth;
 pub mod chat;
 pub mod websocket;
diff --git a/client/src/components/websocket.rs b/client/src/components/websocket.rs
index 44449b7..2a1f3df 100644
--- a/client/src/components/websocket.rs
+++ b/client/src/components/websocket.rs
@@ -128,19 +128,3 @@ pub fn Websocket() -> impl IntoView {
         </div>
     }
 }
-
-#[component]
-pub fn Auth() -> impl IntoView {
-    let (username, _set_username) = create_signal("Anonymous");
-
-    view! {
-        <div class="p-1">
-            <h2 class="text-2xl">Sign in:</h2>
-            <p>Username:</p>
-            <input
-                class="w-96 font-mono rounded-sm bg-slate-900 text-slate-200"
-                placeholder=move || username.get()
-            />
-        </div>
-    }
-}
diff --git a/client/src/pages/home.rs b/client/src/pages/home.rs
index b9b1d08..53dec3b 100644
--- a/client/src/pages/home.rs
+++ b/client/src/pages/home.rs
@@ -1,5 +1,6 @@
-use crate::components::websocket::*;
+use crate::components::auth::*;
 use crate::components::chat::*;
+use crate::components::websocket::*;
 use leptos::*;
 
 /// Default Home Page