diff --git a/app/page.tsx b/app/page.tsx
index e536a2d2..ccde1906 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -11,23 +11,25 @@ export const metadata = {
 
 export default function DashboardPage() {
   return (
-    <div className="container mx-auto px-4 pt-12 pb-4">
-      <div className='grid grid-cols-12 gap-4'>
-        <div className='col-span-3'>
-          <QuoteCard />
-          <div className='mt-4'>
-            <News />
+    <main className="w-full h-screen bg-black">
+      <div className="w-full h-full px-4 pt-12 pb-4">
+        <div className='grid grid-cols-12 gap-4'>
+          <div className='col-span-3'>
+            <QuoteCard />
+            <div className='mt-4'>
+              <News />
+            </div>
+          </div>
+          <div className='col-span-6'>
+            <Messages />
+          </div>
+          <div className='col-span-3 space-y-4'>
+            <Podcast />
+            <CalendarWidget />
+            <Todo />
           </div>
         </div>
-        <div className='col-span-6'>
-          <Messages />
-        </div>
-        <div className='col-span-3 space-y-4'>
-          <Podcast />
-          <CalendarWidget />
-          <Todo />
-        </div>
       </div>
-    </div>
+    </main>
   );
 }