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