diff --git a/src/app/layout.js b/src/app/layout.jsx
similarity index 58%
rename from src/app/layout.js
rename to src/app/layout.jsx
index 70e0f63..175b4fd 100644
--- a/src/app/layout.js
+++ b/src/app/layout.jsx
@@ -5,7 +5,9 @@ import './global.css'
 export default function RootLayout({ children }) {
   return (
     <html lang="en">
-      <body className="body">{children}</body>
+      <body className="flex flex-col bg-slate-300">
+        <main>{children}</main>
+      </body>
     </html>
   )
 }
