From bccb813ae26a20b382a12aa3281549bd87a0e8af Mon Sep 17 00:00:00 2001
From: Githelp AI Aagent <stian@githelp.app>
Date: Wed, 19 Aug 2026 15:25:43 +0000
Subject: [PATCH] feat: What to change: The page related to the sign up-process
 that is shown after o...

Task: 000559a0
Source: slack
Requested by: U04E9DZ5ELF
---
 src/app/onboarding/join/page.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

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"