diff --git a/apps/designer/app/designer/shared/tree/tree.tsx b/apps/designer/app/designer/shared/tree/tree.tsx
index cf464888fb..dbe2cfaa06 100644
--- a/apps/designer/app/designer/shared/tree/tree.tsx
+++ b/apps/designer/app/designer/shared/tree/tree.tsx
@@ -64,7 +64,7 @@ export const Tree = ({
     instance.children.length > 1 || typeof instance.children[0] === "object";
 
   const children = useMemo(() => {
-    if (isOpen === false || showChildren === false) {
+    if ((isOpen === false && animate === false) || showChildren === false) {
       return null;
     }
     const children = [];
@@ -127,7 +127,7 @@ export const Tree = ({
           <Text>{label}</Text>
         </Button>
       </Flex>
-      <CollapsibleContent>{children}</CollapsibleContent>
+      {children != null && <CollapsibleContent>{children}</CollapsibleContent>}
     </Collapsible.Root>
   );
 };