diff --git a/src/app/onboarding/join/page.tsx b/src/app/onboarding/join/page.tsx
index 96a7d0d..a4cc632 100644
--- a/src/app/onboarding/join/page.tsx
+++ b/src/app/onboarding/join/page.tsx
@@ -90,16 +90,16 @@ export default function JoinProjectPage() {
 
     return (
         <div className="min-h-screen flex items-center justify-center bg-muted/50 p-4">
-            <Card className="w-full max-w-lg">
-                <CardHeader>
+            <Card className="w-full max-w-lg py-7 gap-6">
+                <CardHeader className="px-7">
                     <CardTitle className="text-2xl font-bold">Join an existing project</CardTitle>
                     <CardDescription>
                         Enter a project ID, or connect with GitHub to find projects you&apos;ve contributed to that are registered in the system.
                     </CardDescription>
                 </CardHeader>
-                <CardContent className="space-y-6">
+                <CardContent className="px-7 space-y-6">
                     <div className="space-y-2">
-                        <Label htmlFor="project-id">Project ID or Slug</Label>
+                        <Label htmlFor="project-id" className="text-[13px] font-semibold">Project ID or Slug</Label>
                         <div className="flex gap-2">
                             <Input
                                 id="project-id"
@@ -127,10 +127,10 @@ export default function JoinProjectPage() {
                         </p>
                     </div>
 
-                    <div className="border-t pt-6 space-y-4">
+                    <div className="space-y-4">
                         <div>
-                            <h3 className="font-medium text-foreground mb-1">Find projects you&apos;ve contributed to</h3>
-                            <p className="text-sm text-muted-foreground mb-3">
+                            <h3 className="font-semibold text-foreground mb-1">Find projects you&apos;ve contributed to</h3>
+                            <p className="text-sm text-muted-foreground mb-[18px]">
                                 See which of your GitHub contributions are registered as projects. Request to become a helper and the project admin can approve.
                             </p>
                             {!githubToken ? (
@@ -195,7 +195,7 @@ export default function JoinProjectPage() {
                         </div>
                     </div>
 
-                    <div className="pt-4 border-t">
+                    <div className="!mt-3">
                         <Button
                             onClick={() => router.push("/onboarding")}
                             variant="outline"