diff --git a/app/components/dashboard.js b/app/components/dashboard.js
index ac643aea..8df67694 100644
--- a/app/components/dashboard.js
+++ b/app/components/dashboard.js
@@ -15,7 +15,7 @@ export function Dashboard({
 
   return (
     <>
-      <div className="w-3/4 py-4">
+      <div className="flex-grow w-3/4 py-4">
         <div className="text-center py-6">
           <h1 className="text-2xl font-bold text-blue-500">Meeting Notes</h1>
         </div>
@@ -57,7 +57,7 @@ export function Dashboard({
         )}
       </div>
 
-      <footer className="w-full bg-gray-800 text-white text-center py-4 fixed inset-x-0 bottom-0 text-2xl">
+      <footer className="w-full bg-gray-800 text-white text-center py-4 text-2xl">
         {transcriptionText}
       </footer>
     </>
diff --git a/app/layout.js b/app/layout.js
index 2e0bf202..25b34bb7 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -17,9 +17,7 @@ export default function RootLayout({ children }) {
         <title>Test</title>
       </Head>
       <body className={roboto.className + " flex flex-col min-h-screen"}>
-        <main className="flex-grow">
           {children}
-        </main>
         </body>
 
     </html>
