diff --git a/src/interface/web/app/agents/page.tsx b/src/interface/web/app/agents/page.tsx
index 30d360e3..332ac0d2 100644
--- a/src/interface/web/app/agents/page.tsx
+++ b/src/interface/web/app/agents/page.tsx
@@ -230,6 +230,20 @@ function AgentCard(props: AgentCardProps) {
         },
     });
 
+    useEffect(() => {
+        form.reset({
+            name: props.data.name,
+            persona: props.data.persona,
+            color: props.data.color,
+            icon: props.data.icon,
+            privacy_level: props.data.privacy_level,
+            chat_model: props.data.chat_model,
+            files: props.data.files,
+            input_tools: props.data.input_tools,
+            output_modes: props.data.output_modes,
+        });
+    }, [props.data]);
+
     if (showModal) {
         window.history.pushState(
             {},