diff --git a/src/main/frontend/app/routes/studio/canvas/nodetypes/child-node.tsx b/src/main/frontend/app/routes/studio/canvas/nodetypes/child-node.tsx
index c9a6905e..ccab07d4 100644
--- a/src/main/frontend/app/routes/studio/canvas/nodetypes/child-node.tsx
+++ b/src/main/frontend/app/routes/studio/canvas/nodetypes/child-node.tsx
@@ -159,7 +159,7 @@ export function ChildNodeComponent({
     <div
       data-childnode-id={child.id}
       className={clsx(
-        'bg-background relative mr-0.5 mb-2 rounded-md border',
+        'bg-background relative mr-0.5 mb-2 rounded-md border shadow-[0_4px_6px_1px_rgba(0,0,0,0.05)]',
         isSelected && 'border-1',
         !isSelected && dragForbidden && 'border-2 border-dashed',
         !isSelected && !dragForbidden && 'border-border',
@@ -197,7 +197,7 @@ export function ChildNodeComponent({
       </div>
 
       {/* Body */}
-      <div className="child-node-body relative min-h-25 px-1 py-1">
+      <div className="child-node-body border-border/40 relative min-h-25 rounded-b-md border px-1 py-1">
         {child.attributes &&
           Object.entries(child.attributes).map(([key, value]) => (
             <div key={key} className="my-1">
diff --git a/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx b/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx
index 330c76a7..893da520 100644
--- a/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx
+++ b/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx
@@ -30,7 +30,7 @@ export default function ExitNodeComponent(properties: NodeProps<ExitNode>) {
         <ResizeIcon />
       </NodeResizeControl>
       <div
-        className={`bg-background flex h-full w-full flex-col items-center rounded-md border ${
+        className={`bg-background flex h-full w-full flex-col items-center rounded-md border shadow-[0_4px_6px_1px_rgba(0,0,0,0.05)] ${
           properties.selected ? 'border-blue-500' : 'border-border'
         }`}
         style={{
diff --git a/src/main/frontend/app/routes/studio/canvas/nodetypes/frank-node.tsx b/src/main/frontend/app/routes/studio/canvas/nodetypes/frank-node.tsx
index 3402c09e..beff022d 100644
--- a/src/main/frontend/app/routes/studio/canvas/nodetypes/frank-node.tsx
+++ b/src/main/frontend/app/routes/studio/canvas/nodetypes/frank-node.tsx
@@ -474,7 +474,7 @@ export default function FrankNode(properties: NodeProps<FrankNodeType>) {
         <ResizeIcon />
       </NodeResizeControl>
       <div
-        className={`bg-background border-border relative flex w-full flex-col items-center overflow-x-visible rounded-md border ${isManuallyResized ? 'h-full overflow-y-hidden' : 'overflow-y-visible'}`}
+        className={`bg-background border-border relative flex w-full flex-col items-center overflow-x-visible rounded-md border shadow-[0_4px_6px_1px_rgba(0,0,0,0.05)] ${isManuallyResized ? 'h-full overflow-y-hidden' : 'overflow-y-visible'}`}
         style={{
           minWidth: `${minNodeWidth}px`,
           ...(properties.selected && { borderColor: `var(${colorVariable})` }),
@@ -529,7 +529,7 @@ export default function FrankNode(properties: NodeProps<FrankNodeType>) {
           ))}
         {(properties.data.children.length > 0 || dragOver || canDropDraggedElement) && (
           <div className="w-full p-4">
-            <div className="border-border bg-background w-full rounded-md p-4 shadow-[inset_0px_2px_4px_rgba(0,0,0,0.1)]">
+            <div className="border-border/40 bg-background w-full rounded-md border p-4 shadow-[inset_0_2px_4px_rgba(0,0,0,0.15)]">
               {properties.data.children.map((child) => (
                 <div key={child.id} data-child-id={child.id} className="child-drop-zone">
                   <ChildNodeComponent