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(