diff --git a/layouts/main.tsx b/layouts/main.tsx
index c0b0269..91a8940 100644
--- a/layouts/main.tsx
+++ b/layouts/main.tsx
@@ -41,6 +41,11 @@ export const MainLayout = ({ children, description, title }: Props) => {
             <h1 className="text-3xl leading-tight">{title}</h1>
           </div>
         )}
+        {description && (
+          <div className="container mb-4">
+            <p className="mb-8 pl-8 lg:pl-6 text-lg md:text-xl lg:text-2xl">{description}</p>
+          </div>
+        )}
         {children}
       </main>