From 30ae6ebff20a8c377dc14d8843b5a935cb4bc814 Mon Sep 17 00:00:00 2001
From: sauravniraula <developmentsaurav@gmail.com>
Date: Fri, 25 Jul 2025 02:19:12 +0545
Subject: [PATCH] chore(nextjs): wraps slide layouts with 16:9 box

---
 servers/nextjs/app/layout-preview/[slug]/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/servers/nextjs/app/layout-preview/[slug]/page.tsx b/servers/nextjs/app/layout-preview/[slug]/page.tsx
index 00dee152..fd093d1f 100644
--- a/servers/nextjs/app/layout-preview/[slug]/page.tsx
+++ b/servers/nextjs/app/layout-preview/[slug]/page.tsx
@@ -100,7 +100,7 @@ const GroupLayoutPreview = () => {
                                 </div>
 
                                 {/* Layout Content */}
-                                <div className="bg-gray-50">
+                                <div className="bg-gray-50 aspect-video max-w-[1280px] w-full">
                                     <LayoutComponent data={sampleData} />
                                 </div>
                             </Card>