diff --git a/web/components/workflows/EditWorkflowModal.tsx b/web/components/workflows/EditWorkflowModal.tsx
index cf26b53..3dbb5e0 100644
--- a/web/components/workflows/EditWorkflowModal.tsx
+++ b/web/components/workflows/EditWorkflowModal.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
 import { useQuery } from "@tanstack/react-query";
 import { api, Workflow } from "@/lib/api";
@@ -17,6 +17,13 @@ export function EditWorkflowModal({ open, workflow, onSaved, onClose }: { open:
   const [error, setError] = useState<string | null>(null);
   const { data: servers } = useQuery({ queryKey: ["servers"], queryFn: api.listServers });
 
+  useEffect(() => {
+    if (open) {
+      setName(workflow.name);
+      setTargets(workflow.target_server_ids);
+    }
+  }, [open, workflow]);
+
   const toggle = (id: string) => setTargets((t) => (t.includes(id) ? t.filter((x) => x !== id) : [...t, id]));
 
   const save = async () => {