diff --git a/sim/app/w/[id]/components/workflow-loop/workflow-loop.tsx b/sim/app/w/[id]/components/workflow-loop/workflow-loop.tsx
index 6db5f864a8..9949f37f78 100644
--- a/sim/app/w/[id]/components/workflow-loop/workflow-loop.tsx
+++ b/sim/app/w/[id]/components/workflow-loop/workflow-loop.tsx
@@ -99,7 +99,7 @@ export function createLoopNode({ loopId, loop, blocks }: WorkflowLoopProps) {
     id: `loop-${loopId}`,
     type: 'group',
     position: { x: loopBounds.x, y: loopBounds.y },
-    className: 'bg-[rgb(247,247,248)] dark:bg-[rgb(36,37,45)]',
+    className: 'bg-[rgb(247,247,248)] dark:bg-[rgb(36,37,45)] dark:bg-opacity-50',
     style: {
       border: '1px solid rgb(203, 213, 225)',
       borderRadius: '12px',