From 1ff0c99764215c1ee4b3e858c669cacc74f3a8d0 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Sat, 3 Aug 2024 11:21:56 +0100
Subject: [PATCH] Fix component preview border in tablet and mobile when on
 small screens

---
 .../design/[screenId]/_components/AppPreview.svelte       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte
index 0e2eb2ceac..aed959b9ba 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte
@@ -321,13 +321,13 @@
   }
   .tablet .loading,
   .tablet .underlay {
-    width: 1024px;
-    height: 768px;
+    max-width: 1024px;
+    max-height: 768px;
   }
   .mobile .loading,
   .mobile .underlay {
-    width: 390px;
-    height: 844px;
+    max-width: 390px;
+    max-height: 844px;
   }
 
   .underlay {