From 17c86810736d646ac8e258b86e364e42096aa9e2 Mon Sep 17 00:00:00 2001
From: mawkone <mark@getacquired.com>
Date: Mon, 15 Jun 2026 14:18:58 -0700
Subject: [PATCH] Remove outer padding from preview canvas

---
 .../project/[projectId]/(home)/preview/page.tsx        | 10 ++++------
 1 file changed, 4 insertions(+), 6 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 a80e9c3..dc4c584 100644
--- a/vibn-frontend/app/[workspace]/project/[projectId]/(home)/preview/page.tsx
+++ b/vibn-frontend/app/[workspace]/project/[projectId]/(home)/preview/page.tsx
@@ -268,7 +268,7 @@ export default function PreviewTab() {
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
-          padding: "20px 32px",
+          padding: deviceMode === "desktop" ? "0" : "20px 32px",
         }}
       >
         <div
@@ -584,7 +584,6 @@ const canvas: React.CSSProperties = {
   flexDirection: "column",
   alignSelf: "stretch",
   boxSizing: "border-box",
-  padding: "16px",
   background:
     "radial-gradient(120% 80% at 50% 0%, #ffffff 0%, #f9fafb 52%, #f3f4f6 100%)",
 };
@@ -595,12 +594,11 @@ const desktopFrame: React.CSSProperties = {
   height: "100%",
   display: "flex",
   flexDirection: "column",
-  borderRadius: 14,
+  borderRadius: 0,
   overflow: "hidden",
   background: "#fff",
-  border: "1px solid rgba(26, 26, 26, 0.07)",
-  boxShadow:
-    "0 1px 2px rgba(26, 26, 26, 0.04), 0 12px 40px rgba(26, 26, 26, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.85)",
+  border: "none",
+  borderLeft: "1px solid rgba(26, 26, 26, 0.07)",
 };
 
 const tabletFrame: React.CSSProperties = {