diff --git a/app/blogpost/layout.tsx b/app/blogpost/layout.tsx
index 3b1a06d..cf89c29 100644
--- a/app/blogpost/layout.tsx
+++ b/app/blogpost/layout.tsx
@@ -9,7 +9,7 @@ import MainFooter from "@/components/footer/main";
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="text-base">
+    <div className="m-auto text-base 2xl:w-3xl xl:w-3xl md:w-full">
       {children}
     </div>
   );