diff --git a/apps/canvas/front/src/components/node-details.tsx b/apps/canvas/front/src/components/node-details.tsx
index 6267ac3..ab1d871 100644
--- a/apps/canvas/front/src/components/node-details.tsx
+++ b/apps/canvas/front/src/components/node-details.tsx
@@ -6,11 +6,13 @@
 import { NodeGithubDetails } from "./node-github";
 import { NodeGatewayTCPDetails } from "./node-gateway-tcp";
 import { NodeDetailsProps } from "@/lib/types";
+import { cn } from "@/lib/utils";
 
-export function NodeDetails(props: NodeDetailsProps) {
+export function NodeDetails(props: NodeDetailsProps & { className?: string }) {
+	const { className, ...rest } = props;
 	return (
-		<div className="px-1 flex flex-col gap-2">
-			<NodeDetailsImpl {...props} />
+		<div className={cn("px-1 flex flex-col gap-2", className)}>
+			<NodeDetailsImpl {...rest} />
 		</div>
 	);
 }
