diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index c14664c..bbeb9e1 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import Navbar from '@/components/common/Navbar'
+import Footer from '@/components/common/Footer'
 import './globals.css'
 
 const inter = Inter({ subsets: ['latin'] })
@@ -17,9 +18,10 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.className}>
+      <body className={`${inter.className} min-h-screen flex flex-col`}>
         <Navbar />
-        <main>{children}</main>
+        <main className="flex-1">{children}</main>
+        <Footer />
       </body>
     </html>
   )
