From 09d2534b0a04da5f9aaf3f11a95f38acd29f4028 Mon Sep 17 00:00:00 2001
From: Divyansh Goyal <goyaldivyansh1111@gmail.com>
Date: Wed, 24 Jun 2026 01:47:39 +0530
Subject: [PATCH 1/3] prevent social icons from overlapping in onboarding
 layout

---
 apps/dokploy/components/layouts/onboarding-layout.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/dokploy/components/layouts/onboarding-layout.tsx b/apps/dokploy/components/layouts/onboarding-layout.tsx
index c76c920fde..d854a64858 100644
--- a/apps/dokploy/components/layouts/onboarding-layout.tsx
+++ b/apps/dokploy/components/layouts/onboarding-layout.tsx
@@ -35,11 +35,11 @@ export const OnboardingLayout = ({ children }: Props) => {
 					</blockquote>
 				</div>
 			</div>
-			<div className="w-full">
-				<div className="flex w-full flex-col justify-center space-y-6 max-w-lg mx-auto">
+			<div className="flex min-h-svh w-full flex-col">
+				<div className="flex w-full flex-1 flex-col justify-center space-y-6 max-w-lg mx-auto py-8">
 					{children}
 				</div>
-				<div className="flex items-center gap-4 justify-center absolute bottom-4 right-4 text-muted-foreground">
+				<div className="flex items-center gap-4 justify-center pb-4 text-muted-foreground lg:justify-end lg:pr-4">
 					<Button variant="ghost" size="icon">
 						<Link href="https://github.com/dokploy/dokploy">
 							<GithubIcon />

From 20f829a2e68d6f639376befdf22595d52db2cbed Mon Sep 17 00:00:00 2001
From: Divyansh Goyal <goyaldivyansh1111@gmail.com>
Date: Wed, 24 Jun 2026 01:56:29 +0530
Subject: [PATCH 2/3] fixed the alignment social icon forms

---
 apps/dokploy/components/layouts/onboarding-layout.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/dokploy/components/layouts/onboarding-layout.tsx b/apps/dokploy/components/layouts/onboarding-layout.tsx
index d854a64858..9cf17f900d 100644
--- a/apps/dokploy/components/layouts/onboarding-layout.tsx
+++ b/apps/dokploy/components/layouts/onboarding-layout.tsx
@@ -39,10 +39,10 @@ export const OnboardingLayout = ({ children }: Props) => {
 				<div className="flex w-full flex-1 flex-col justify-center space-y-6 max-w-lg mx-auto py-8">
 					{children}
 				</div>
-				<div className="flex items-center gap-4 justify-center pb-4 text-muted-foreground lg:justify-end lg:pr-4">
+				<div className="mx-auto flex w-full max-w-lg items-center justify-center gap-1 pb-6 text-muted-foreground sm:justify-end">
 					<Button variant="ghost" size="icon">
 						<Link href="https://github.com/dokploy/dokploy">
-							<GithubIcon />
+							<GithubIcon className="size-5" />
 						</Link>
 					</Button>
 					<Button variant="ghost" size="icon">
@@ -66,7 +66,7 @@ export const OnboardingLayout = ({ children }: Props) => {
 								viewBox="0 0 48 48"
 								width="48px"
 								height="48px"
-								className={cn("size-6")}
+								className={cn("size-5")}
 							>
 								<path
 									fill="currentColor"

From 3d98d4e0ad30581119f7aeb742c0a7ed54441ad3 Mon Sep 17 00:00:00 2001
From: Divyansh Goyal <goyaldivyansh1111@gmail.com>
Date: Wed, 24 Jun 2026 02:14:16 +0530
Subject: [PATCH 3/3] revert

---
 apps/dokploy/components/layouts/onboarding-layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/dokploy/components/layouts/onboarding-layout.tsx b/apps/dokploy/components/layouts/onboarding-layout.tsx
index 9cf17f900d..297a9d8a7f 100644
--- a/apps/dokploy/components/layouts/onboarding-layout.tsx
+++ b/apps/dokploy/components/layouts/onboarding-layout.tsx
@@ -42,7 +42,7 @@ export const OnboardingLayout = ({ children }: Props) => {
 				<div className="mx-auto flex w-full max-w-lg items-center justify-center gap-1 pb-6 text-muted-foreground sm:justify-end">
 					<Button variant="ghost" size="icon">
 						<Link href="https://github.com/dokploy/dokploy">
-							<GithubIcon className="size-5" />
+							<GithubIcon />
 						</Link>
 					</Button>
 					<Button variant="ghost" size="icon">
@@ -66,7 +66,7 @@ export const OnboardingLayout = ({ children }: Props) => {
 								viewBox="0 0 48 48"
 								width="48px"
 								height="48px"
-								className={cn("size-5")}
+								className={cn("size-6")}
 							>
 								<path
 									fill="currentColor"