From d040a6953fca29deb41ab27b2b26f4fe402fbd35 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 11 Feb 2025 17:41:32 +1100
Subject: [PATCH] tweak(ui): styling for edit mode

---
 .../sidePanel/builder/FormElementEditModeHeader.tsx       | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/FormElementEditModeHeader.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/FormElementEditModeHeader.tsx
index 5856a6e4bd..9ec8a68a60 100644
--- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/FormElementEditModeHeader.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/FormElementEditModeHeader.tsx
@@ -29,13 +29,15 @@ const sx: SystemStyleObject = {
   minH: 8,
   maxH: 8,
   borderTopRadius: 'inherit',
-  borderColor: 'inherit',
+  borderColor: 'base.800',
   alignItems: 'center',
   cursor: 'grab',
+  color: 'base.300',
+  borderBottomWidth: 1,
   bg: 'base.700',
   '&[data-depth="0"]': { bg: 'base.800' },
-  '&[data-depth="1"]': { bg: 'base.800' },
-  '&[data-depth="2"]': { bg: 'base.750' },
+  '&[data-depth="1"]': { bg: 'base.750' },
+  '&[data-depth="2"]': { bg: 'base.700' },
 };
 
 export const FormElementEditModeHeader = memo(