diff --git a/apps/canvas/front/src/components/details.tsx b/apps/canvas/front/src/components/details.tsx
index b7a0049..2f65601 100644
--- a/apps/canvas/front/src/components/details.tsx
+++ b/apps/canvas/front/src/components/details.tsx
@@ -42,7 +42,12 @@
 	const selected = useMemo(() => nodes.filter((n) => n.selected).map((n) => n.id), [nodes]);
 	const all = useMemo(() => open.concat(selected).filter(unique), [open, selected]);
 	return (
-		<Accordion type="multiple" value={all} onValueChange={(v) => setOpen(v)}>
+		<Accordion
+			type="multiple"
+			value={all}
+			onValueChange={(v) => setOpen(v)}
+			className="flex flex-col overflow-y-auto"
+		>
 			{sorted.map((n, index) => (
 				<>
 					{index > 0 && <Separator className="my-2" />}