From 93347f6454c6178ef75da369570214500eab6414 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 21 Mar 2026 21:05:46 +0100
Subject: [PATCH] fix: revert outer container size, increase inner padding to
 show more bg

---
 app/page.tsx                           | 2 +-
 components/marketing/DashboardDemo.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index bc65d07..851f089 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -214,7 +214,7 @@ export default function HomePage() {
             initial={{ opacity: 0, y: 40 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.7, delay: 0.4 }}
-            className="w-full max-w-5xl mx-auto px-6"
+            className="w-full max-w-7xl mx-auto px-6"
           >
             <DashboardDemo />
           </motion.div>
diff --git a/components/marketing/DashboardDemo.tsx b/components/marketing/DashboardDemo.tsx
index deb6884..7be2c9c 100644
--- a/components/marketing/DashboardDemo.tsx
+++ b/components/marketing/DashboardDemo.tsx
@@ -180,7 +180,7 @@ export default function DashboardDemo() {
       <div className="absolute -inset-8 bg-brand-orange/8 rounded-[2.5rem] blur-3xl" />
 
       {/* Outer frame with showcase bg */}
-      <div className="relative rounded-3xl border border-white/[0.08] overflow-hidden p-4 sm:p-6 lg:p-8">
+      <div className="relative rounded-3xl border border-white/[0.08] overflow-hidden p-5 sm:p-8 lg:p-10">
         <img src="/pulse-showcase-bg.png" alt="" className="absolute inset-0 w-full h-full object-cover" />
         <div className="absolute inset-0 bg-black/40" />