diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 25b5399..8fd8467 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,15 +1,21 @@
 <script>
-	import GoogleAuth from '$lib/components/GoogleAuth.svelte';
 	import Composite from '$lib/components/Composite.svelte';
 
 	let componentsData = {
 		layout: `
 			grid-template-areas: 
+				"app",
 				"main"
 				"footer";
-			grid-template-rows:  1fr auto;
+			grid-template-rows: 150px 1fr auto;
 		`,
 		children: [
+			{
+				id: 1,
+				componentName: 'GoogleAuth',
+				props: {},
+				slot: 'app'
+			},
 			{
 				id: 2,
 				componentName: 'Messages',
@@ -27,19 +33,3 @@
 </script>
 
 <Composite {componentsData} />
-
-<!-- <div class="fixed top-0 left-0 w-full h-full overflow-hidden">
-	<main class="grid grid-rows-[auto,1fr,auto] min-h-screen">
-		<header class="p-4 text-black bg-gray-100">
-			<GoogleAuth />
-		</header>
-
-		<main class="p-4">
-			<Messages />
-		</main>
-
-		<footer class="p-4 bg-gray-300">
-			<MessageInput />
-		</footer>
-	</main>
-</div> -->