fix: UI breaking in AddActionDialog on reducing browser window height (#14892)

packages/features/ee/workflows/components/AddActionDialog.tsx

@@ -136,7 +136,7 @@ export const AddActionDialog = (props: IAddActionDialog) => {
 
   return (
     <Dialog open={isOpenDialog} onOpenChange={setIsOpenDialog}>
-      <DialogContent type="creation" title={t("add_action")}>
+      <DialogContent enableOverflow type="creation" title={t("add_action")}>
         <div className="-mt-3 space-x-3">
           <Form
             form={form}
@@ -166,6 +166,7 @@ export const AddActionDialog = (props: IAddActionDialog) => {
                     <Select
                       isSearchable={false}
                       className="text-sm"
+                      menuPlacement="bottom"
                       defaultValue={actionOptions[0]}
                       onChange={handleSelectAction}
                       options={actionOptions.map((option) => ({
@@ -250,7 +251,7 @@ export const AddActionDialog = (props: IAddActionDialog) => {
                 />
               </div>
             )}
-            <DialogFooter showDivider className="relative mt-12">
+            <DialogFooter showDivider className="mt-12">
               <DialogClose
                 onClick={() => {
                   setIsOpenDialog(false);