From c649cb06c96ba87d0012fa6160932cd92cbdc5a7 Mon Sep 17 00:00:00 2001
From: mawkone <mark@getacquired.com>
Date: Sun, 14 Jun 2026 13:35:06 -0700
Subject: [PATCH] fix(preview): align background color and padding with new
 dashboard theme

---
 .../[workspace]/project/[projectId]/(home)/preview/page.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/vibn-frontend/app/[workspace]/project/[projectId]/(home)/preview/page.tsx b/vibn-frontend/app/[workspace]/project/[projectId]/(home)/preview/page.tsx
index 9fd30a4..90c4259 100644
--- a/vibn-frontend/app/[workspace]/project/[projectId]/(home)/preview/page.tsx
+++ b/vibn-frontend/app/[workspace]/project/[projectId]/(home)/preview/page.tsx
@@ -261,6 +261,7 @@ export default function PreviewTab() {
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
+          padding: "20px 32px",
         }}
       >
         <div
@@ -576,8 +577,9 @@ const canvas: React.CSSProperties = {
   flexDirection: "column",
   alignSelf: "stretch",
   boxSizing: "border-box",
-  padding: "14px 16px 18px",
-  background: "linear-gradient(165deg, #faf8f5 0%, #f4f0ea 42%, #ebe7df 100%)",
+  padding: "16px",
+  background:
+    "radial-gradient(120% 80% at 50% 0%, #ffffff 0%, #f9fafb 52%, #f3f4f6 100%)",
 };
 
 const desktopFrame: React.CSSProperties = {