diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -1,9 +1,26 @@
 import { createFileRoute } from "@tanstack/react-router";
 
+import { Header } from "~/components/Header";
+import Login from "~/components/Login";
+
 export const Route = createFileRoute("/settings")({
   component: Settings,
 });
 
 export function Settings() {
-  return <div className="p-6">Settings page (coming soon)</div>;
+  return (
+    <>
+      <Header
+        title="Settings"
+        backButtonCallback={() => {
+          if (window.history.length > 1) {
+            window.history.back();
+          } else {
+            window.location.assign("/");
+          }
+        }}
+      />
+      <Login />
+    </>
+  );
 }