diff --git a/js/src/features/auth/login-page.tsx b/js/src/features/auth/login-page.tsx
index c4b2686..91590e6 100644
--- a/js/src/features/auth/login-page.tsx
+++ b/js/src/features/auth/login-page.tsx
@@ -1,4 +1,5 @@
 import { useState } from "react";
+import { WindowControls } from "@/components/window-controls";
 import { EmailStep } from "./email-step";
 import { CodeStep } from "./code-step";
 
@@ -9,21 +10,26 @@ export function LoginPage() {
   const [email, setEmail] = useState("");
 
   return (
-    <div className="flex min-h-screen items-center justify-center p-4">
-      <div className="w-full max-w-sm">
-        {step === "email" ? (
-          <EmailStep
-            onCodeSent={(submittedEmail) => {
-              setEmail(submittedEmail);
-              setStep("code");
-            }}
-          />
-        ) : (
-          <CodeStep
-            email={email}
-            onBack={() => setStep("email")}
-          />
-        )}
+    <div className="flex h-screen flex-col">
+      <div className="drag-region flex items-center gap-3 border-b px-3 py-1">
+        <WindowControls />
+      </div>
+      <div className="flex flex-1 items-center justify-center p-4">
+        <div className="w-full max-w-sm">
+          {step === "email" ? (
+            <EmailStep
+              onCodeSent={(submittedEmail) => {
+                setEmail(submittedEmail);
+                setStep("code");
+              }}
+            />
+          ) : (
+            <CodeStep
+              email={email}
+              onBack={() => setStep("email")}
+            />
+          )}
+        </div>
       </div>
     </div>
   );