diff --git a/frontend/src/agents/AgentPageHeader.tsx b/frontend/src/agents/AgentPageHeader.tsx
index 96aa5f85..6d693f58 100644
--- a/frontend/src/agents/AgentPageHeader.tsx
+++ b/frontend/src/agents/AgentPageHeader.tsx
@@ -91,7 +91,7 @@ export default function AgentPageHeader({
           <BreadcrumbItem>
             {currentPage === 'overview' ? (
               <BreadcrumbPage title={displayName} className="w-[16ch] truncate">
-                {displayName}              
+                {displayName}
               </BreadcrumbPage>
             ) : (
               <BreadcrumbLink asChild>
diff --git a/frontend/src/agents/workflow/WorkflowBuilder.tsx b/frontend/src/agents/workflow/WorkflowBuilder.tsx
index e03d5d3f..d821d9f8 100644
--- a/frontend/src/agents/workflow/WorkflowBuilder.tsx
+++ b/frontend/src/agents/workflow/WorkflowBuilder.tsx
@@ -781,11 +781,13 @@ function WorkflowBuilderInner() {
     setShowWorkflowSettings(false);
   }, []);
 
+  const handleCloseWorkflowSettings = useCallback(() => {
+    setShowWorkflowSettings(false);
+  }, []);
+
   useOutsideAlerter(
     workflowSettingsRef,
-    () => {
-      setShowWorkflowSettings(false);
-    },
+    handleCloseWorkflowSettings,
     [],
     false,
   );