diff --git a/templates/types/streaming/nextjs/app/components/header.tsx b/templates/types/streaming/nextjs/app/components/header.tsx
index 2b0e488f769eff6700a282c2a6a77dd8d0a4dac8..f02ce732e48d500905d21295b9bcf003b21d4d9e 100644
--- a/templates/types/streaming/nextjs/app/components/header.tsx
+++ b/templates/types/streaming/nextjs/app/components/header.tsx
@@ -7,7 +7,7 @@ export default function Header() {
         Get started by editing 
         <code className="font-mono font-bold">app/page.tsx</code>
       </p>
-      <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none">
+      <div className="fixed bottom-0 left-0 mb-4 flex h-auto w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:w-auto lg:bg-none lg:mb-0">
         <a
           href="https://www.llamaindex.ai/"
           className="flex items-center justify-center font-nunito text-lg font-bold gap-2"