diff --git a/apps/www/app/examples/cards/components/create-account.tsx b/apps/www/app/examples/cards/components/create-account.tsx
index 95c11c53fe0..fc559fe1a57 100644
--- a/apps/www/app/examples/cards/components/create-account.tsx
+++ b/apps/www/app/examples/cards/components/create-account.tsx
@@ -23,17 +23,18 @@ export function DemoCreateAccount() {
         </CardDescription>
       </CardHeader>
       <CardContent className="grid gap-4">
-        <div className="grid grid-cols-2 gap-6">
-          <Button variant="outline">
-            <Icons.gitHub className="mr-2 h-4 w-4" />
-            Github
-          </Button>
-          <Button variant="outline">
-            <Icons.google className="mr-2 h-4 w-4" />
-            Google
-          </Button>
+        <div className="grid gap-2">
+          <Label htmlFor="email">Email</Label>
+          <Input id="email" type="email" placeholder="m@example.com" />
         </div>
-        <div className="relative">
+        <div className="grid gap-2">
+          <Label htmlFor="password">Password</Label>
+          <Input id="password" type="password" />
+        </div>
+                <Button className="w-full">Create account</Button>
+      </CardContent>
+      <CardFooter>
+                <div className="relative">
           <div className="absolute inset-0 flex items-center">
             <span className="w-full border-t" />
           </div>
@@ -43,17 +44,16 @@ export function DemoCreateAccount() {
             </span>
           </div>
         </div>
-        <div className="grid gap-2">
-          <Label htmlFor="email">Email</Label>
-          <Input id="email" type="email" placeholder="m@example.com" />
-        </div>
-        <div className="grid gap-2">
-          <Label htmlFor="password">Password</Label>
-          <Input id="password" type="password" />
+        <div className="grid grid-cols-2 gap-6">
+          <Button variant="outline">
+            <Icons.gitHub className="mr-2 h-4 w-4" />
+            Github
+          </Button>
+          <Button variant="outline">
+            <Icons.google className="mr-2 h-4 w-4" />
+            Google
+          </Button>
         </div>
-      </CardContent>
-      <CardFooter>
-        <Button className="w-full">Create account</Button>
       </CardFooter>
     </Card>
   )