From 5245b10889a4edc0e45d9a8eefae09d1149a3484 Mon Sep 17 00:00:00 2001
From: adamt55 <62301395+adamt55@users.noreply.github.com>
Date: Sun, 15 May 2022 19:29:14 +0200
Subject: [PATCH] Update index.js

Added an additional div to render login page correctly in the center
---
 examples/todo-list/nextjs-todo-list/pages/index.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/examples/todo-list/nextjs-todo-list/pages/index.js b/examples/todo-list/nextjs-todo-list/pages/index.js
index 273d9e302c6..beb5413e63d 100644
--- a/examples/todo-list/nextjs-todo-list/pages/index.js
+++ b/examples/todo-list/nextjs-todo-list/pages/index.js
@@ -9,12 +9,14 @@ export default function IndexPage() {
     <div className="w-full h-full bg-gray-300">
       {!user ? (
         <div className="w-full h-full flex justify-center items-center p-4">
-          <Auth
-            supabaseClient={supabase}
-            providers={['google', 'github']}
-            socialLayout="horizontal"
-            socialButtonSize="xlarge"
-          />
+          <div>
+            <Auth
+              supabaseClient={supabase}
+              providers={['google', 'github']}
+              socialLayout="horizontal"
+              socialButtonSize="xlarge"
+            />
+          </div>
         </div>
       ) : (
         <div