diff --git a/app/page.tsx b/app/page.tsx
index d30fcc1..122ed82 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -10,7 +10,7 @@ export const runtime = "edge";
 
 export default async function Home() {
 	return (
-		<div className="grid grid-cols-1 md:grid-cols-3 gap-8 h-full pt-24 px-4 text-accent-foreground md:items-center justify-items-center -mt-16">
+		<div className="grid grid-cols-1 md:grid-cols-3 gap-8 min-h-dvh px-4 text-accent-foreground items-center justify-items-center -mt-24">
 			<div className="col-span-1 w-full max-w-md text-center space-y-2">
 				<div className="space-y-8">
 					<h1 className="font-bold text-2xl text-blue-600 lg:text-5xl">
diff --git a/app/recap/components/user-button.tsx b/app/recap/components/user-button.tsx
index 010a39c..e611ad7 100644
--- a/app/recap/components/user-button.tsx
+++ b/app/recap/components/user-button.tsx
@@ -21,9 +21,9 @@ export const UserButton: FC = () => {
 				<DropdownMenuTrigger asChild>
 					<Button
 						variant="ghost"
-						className="relative h-10 w-10 border rounded-full"
+						className="relative h-8 w-8 border rounded-full"
 					>
-						<Avatar className="h-9 w-9">
+						<Avatar className="h-8 w-8">
 							{session.user.image && (
 								<AvatarImage
 									src={session.user.image}