diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 5df7c4c2f..a8a667d28 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -20,9 +20,11 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={inter.className}>
-        <Providers />
-        {children}
-        <Toaster />
+        <div className="mx-auto w-full max-w-[1440px]">
+          <Providers />
+          {children}
+          <Toaster />
+        </div>
       </body>
     </html>
   );
diff --git a/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx b/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx
index 7c0252067..957dc312e 100644
--- a/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx
+++ b/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx
@@ -9,7 +9,7 @@ const HeroSection: React.FC = () => {
       <div className="absolute inset-0 z-20 h-full w-full bg-black/20"></div>
       <Image
         src={blogHero}
-        layout="fill"
+        fill
         className="absolute inset-0 object-cover"
         alt="Hero Background"
       />
