From f8d48a341d1cf8887bdea2773f3bc7cba0e3ced1 Mon Sep 17 00:00:00 2001
From: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Date: Fri, 27 Jun 2025 08:52:18 +0100
Subject: [PATCH] show icon button when one item in array (#22054)

---
 packages/ui/components/card/FormCard.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/packages/ui/components/card/FormCard.tsx b/packages/ui/components/card/FormCard.tsx
index 4cc71a2420..8570dafa96 100644
--- a/packages/ui/components/card/FormCard.tsx
+++ b/packages/ui/components/card/FormCard.tsx
@@ -44,6 +44,23 @@ const FormCardActions = ({ deleteField, duplicateField }: FormCardActionsProps)
 
   if (actions.length === 0) return null;
 
+  // If only one action, show a single icon button
+  if (actions.length === 1) {
+    const action = actions[0];
+    return (
+      <Button
+        type="button"
+        variant="icon"
+        color={action.color || "minimal"}
+        className="ml-2"
+        onClick={action.onClick}
+        StartIcon={action.icon}
+        title={action.label}
+      />
+    );
+  }
+
+  // If multiple actions, show dropdown
   return (
     <Dropdown>
       <DropdownMenuTrigger asChild>