diff --git a/packages/client/src/components/ClientApp.svelte b/packages/client/src/components/ClientApp.svelte
index 44ef49e239..1fffaac4fe 100644
--- a/packages/client/src/components/ClientApp.svelte
+++ b/packages/client/src/components/ClientApp.svelte
@@ -93,7 +93,7 @@
       </div>
     {:else if $screenStore.activeLayout}
       <Provider key="user" data={$authStore} {actions}>
-        <div id="app-root">
+        <div id="app-root" class:preview={$builderStore.inBuilder}>
           {#key $screenStore.activeLayout._id}
             <Component instance={$screenStore.activeLayout.props} />
           {/key}
@@ -131,6 +131,9 @@
   #app-root {
     position: relative;
   }
+  #app-root.preview {
+    border: 1px solid var(--spectrum-global-color-gray-300);
+  }
 
   /* Custom scrollbars */
   :global(::-webkit-scrollbar) {