diff --git a/view/src/routes/+layout.svelte b/view/src/routes/+layout.svelte
index e736b38..41c51f9 100644
--- a/view/src/routes/+layout.svelte
+++ b/view/src/routes/+layout.svelte
@@ -31,14 +31,18 @@
 	};
 </script>
 
-<div class="flex justify-end items-center min-h-10 gap-10 py-1 px-10 border-b border-accent">
-	<a href="/" class="flex-1">ME-FIT</a>
-	{#if user}
-		<p>{user?.email}</p>
-		<button class="btn" on:click={async () => signOut()}>Logout</button>
-	{:else}
-		<a href="/login" class="btn">Login</a>
-	{/if}
-</div>
+<div class="h-lvh flex flex-col">
+	<div class="flex justify-end items-center min-h-10 gap-10 py-1 px-10 border-b border-accent">
+		<a href="/" class="flex-1">ME-FIT</a>
+		{#if user}
+			<p>{user?.email}</p>
+			<button class="btn" on:click={async () => signOut()}>Logout</button>
+		{:else}
+			<a href="/login" class="btn">Login</a>
+		{/if}
+	</div>
 
-<slot></slot>
+	<div class="flex-1">
+		<slot></slot>
+	</div>
+</div>
diff --git a/view/src/routes/+page.svelte b/view/src/routes/+page.svelte
index 5ba6853..86108b0 100644
--- a/view/src/routes/+page.svelte
+++ b/view/src/routes/+page.svelte
@@ -1,3 +1,3 @@
-<div class="flex h-svh justify-center items-center">
+<div class="flex justify-center items-center h-full">
 	<h1 class="text-9xl text-primary-content">Welcome to ME-FIT</h1>
 </div>
diff --git a/view/src/routes/login/+page.svelte b/view/src/routes/login/+page.svelte
index f88933e..65d7a69 100644
--- a/view/src/routes/login/+page.svelte
+++ b/view/src/routes/login/+page.svelte
@@ -23,7 +23,10 @@
 	};
 </script>
 
-<form class="max-w-xl mx-auto flex flex-col gap-4" on:submit|preventDefault={signIn}>
+<form
+	class="max-w-xl mx-auto flex flex-col gap-4 h-full justify-center"
+	on:submit|preventDefault={signIn}
+>
 	<h2 class="text-6xl mb-10">Login</h2>
 	<label class="input input-bordered flex items-center gap-2">
 		<svg