From e6843053885b4eb5387d5b00bd730137d065a251 Mon Sep 17 00:00:00 2001
From: Jarrod Flesch <jarrodmflesch@gmail.com>
Date: Fri, 29 May 2026 12:27:51 -0400
Subject: [PATCH] fix(ui): add border between live preview window and document
 fields

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 packages/ui/src/elements/DocumentFields/index.css     | 1 +
 packages/ui/src/elements/LivePreview/Window/index.css | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/packages/ui/src/elements/DocumentFields/index.css b/packages/ui/src/elements/DocumentFields/index.css
index 420ec64599c..2a3207181f6 100644
--- a/packages/ui/src/elements/DocumentFields/index.css
+++ b/packages/ui/src/elements/DocumentFields/index.css
@@ -107,6 +107,7 @@
   .document-fields--force-sidebar-wrap {
     display: block;
     isolation: isolate;
+    --main-border: none;
   }
 
   .document-fields--force-sidebar-wrap .document-fields__main {
diff --git a/packages/ui/src/elements/LivePreview/Window/index.css b/packages/ui/src/elements/LivePreview/Window/index.css
index c30b3df6b81..6b435e0981e 100644
--- a/packages/ui/src/elements/LivePreview/Window/index.css
+++ b/packages/ui/src/elements/LivePreview/Window/index.css
@@ -13,10 +13,12 @@
 
   .live-preview-window--is-live-previewing {
     display: block;
+    border-left: var(--stroke-width-small) solid var(--color-border);
   }
 
   .live-preview-window--is-expanded {
     width: 100%;
+    border-left: none;
   }
 
   .live-preview-window__wrapper {