chore: fix overlap (#1205)

* z-index

* cleaner

Author: ameer2468

apps/web/app/(org)/onboarding/components/Base.tsx

@@ -21,7 +21,7 @@ export const Base = ({
 }) => {
 	const router = useRouter();
 	return (
-		<div className="relative w-[calc(100%-2%)] space-y-7 p-7 max-w-[472px] bg-gray-2 border border-gray-4 rounded-2xl">
+		<div className="relative w-[calc(100%-2%)] z-10 space-y-7 p-7 max-w-[472px] bg-gray-2 border border-gray-4 rounded-2xl">
 			{!hideBackButton && (
 				<div
 					onClick={() => router.back()}

apps/web/app/(org)/onboarding/components/Bottom.tsx

@@ -31,7 +31,7 @@ export const Bottom = () => {
 	});
 
 	return (
-		<div className="flex right-0 bottom-0 left-0 justify-between items-center p-0 mt-5 w-full lg:absolute lg:mt-0 lg:p-16">
+		<div className="flex right-0 bottom-0 left-0 justify-between items-center p-0 lg:mb-10 my-5 mx-auto w-full lg:w-[calc(100%-80px)] lg:absolute lg:mt-0">
 			<Button
 				className="w-fit"
 				variant="outline"