diff --git a/apps/canvas/front/src/components/canvas.tsx b/apps/canvas/front/src/components/canvas.tsx
index 861437f..96b8f03 100644
--- a/apps/canvas/front/src/components/canvas.tsx
+++ b/apps/canvas/front/src/components/canvas.tsx
@@ -31,7 +31,7 @@
 	onConnect: state.onConnect,
 });
 
-export function Canvas() {
+export function Canvas({ className }: { className?: string }) {
 	const { nodes, edges, onNodesChange, onEdgesChange, onConnect } = useStateStore(useShallow(selector));
 	const store = useStateStore();
 	const instance = useReactFlow();
@@ -101,7 +101,7 @@
 		[instance],
 	);
 	return (
-		<div style={{ width: "100%", height: "100%" }}>
+		<div style={{ width: "100%", height: "100%" }} className={className}>
 			<ReactFlow
 				nodeTypes={nodeTypes}
 				nodes={nodes}
@@ -119,7 +119,7 @@
 					gap={12}
 					size={1}
 				/>
-				<Panel position="bottom-right">
+				<Panel position="top-right">
 					<Actions />
 				</Panel>
 			</ReactFlow>