work

routes/sign-in.tsx

@@ -1,5 +1,6 @@
 import { z } from "zod";
 import { backendSignIn } from "../backend/sign-in.ts";
+import Headline from "../components/Headline.tsx";
 import { SignInForm } from "../components/SignInForm.tsx";
 import { define, isLoggedIn, setAuthCookie } from "../utils.ts";
 
@@ -68,9 +69,11 @@ export default define.page<typeof handler>(function SignInPage(ctx) {
   const error = ctx.data.error;
 
   return (
-    <div class="container mx-auto p-4 flex flex-col gap-4">
-      <h1>Sign in</h1>
-      <SignInForm email={email} error={error} />
+    <div class="p-4">
+      <div class="max-w-96 mx-auto p-4 flex flex-col gap-4 border rounded">
+        <Headline>Sign in</Headline>
+        <SignInForm email={email} error={error} />
+      </div>
     </div>
   );
 });