fix: theme updates for workflows

ui/admin/app/components/workflow/ParamsForm.tsx

@@ -115,7 +115,7 @@ export function ParamsForm({
                 ))}
 
                 <Button
-                    variant="secondary"
+                    variant="ghost"
                     className="self-end"
                     startContent={<PlusIcon />}
                     onClick={() =>

ui/admin/app/components/workflow/steps/AddStep.tsx

@@ -28,9 +28,10 @@ type StepType = "regular" | "if" | "while" | "template";
 
 interface AddStepButtonProps {
     onAddStep: (newStep: Step) => void;
+    className?: string;
 }
 
-export function AddStepButton({ onAddStep }: AddStepButtonProps) {
+export function AddStepButton({ onAddStep, className }: AddStepButtonProps) {
     const [open, setOpen] = useState(false);
     const [isTemplateModalOpen, setIsTemplateModalOpen] = useState(false);
 
@@ -91,7 +92,7 @@ export function AddStepButton({ onAddStep }: AddStepButtonProps) {
         <>
             <Popover open={open} onOpenChange={setOpen}>
                 <PopoverTrigger asChild>
-                    <Button variant="secondary">
+                    <Button variant="ghost" className={className}>
                         <Plus className="w-4 h-4 mr-2" /> Add
                     </Button>
                 </PopoverTrigger>

ui/admin/app/components/workflow/steps/StepsForm.tsx

@@ -73,6 +73,7 @@ export function StepsForm({
                                 )}
                             </div>
                             <AddStepButton
+                                className="float-end"
                                 onAddStep={(newStep) => {
                                     field.onChange([...field.value, newStep]);
                                 }}