Footer fixed so now it will stay at bottom

Author: Abhishekfm

app/[locale]/(user)/layout.tsx

@@ -20,11 +20,11 @@ export default function Layout({ children }: UserLayoutProps) {
   }
 
   return (
-    <div className="flex h-full grow flex-col">
+    <div className="flex min-h-screen flex-col">
       <header className="z-1 sticky top-0 bg-primaryBlue">
         <MainNav hideSearch={hideSearch} />
       </header>
-      <>{children}</>
+      <main className="grow">{children}</main>
       <footer>
         <MainFooter />
       </footer>

app/[locale]/dashboard/layout.tsx

@@ -11,11 +11,11 @@ interface DashboardLayoutProps {
 
 export default function Layout({ children }: DashboardLayoutProps) {
   return (
-    <div className="flex h-full grow flex-col">
+    <div className="flex min-h-screen flex-col">
       <header className="sticky top-0 z-1 bg-primaryBlue">
         <MainNav />
       </header>
-      <>{children}</>
+      <main className="grow">{children}</main>
       <footer>
         <MainFooter />
       </footer>