From 2352babe93c8042bc68ce9ab9f8c56fa1d035c98 Mon Sep 17 00:00:00 2001
From: Utkersh Rajvenshi <79559223+utkershrajvenshi@users.noreply.github.com>
Date: Mon, 6 May 2024 19:54:45 +0530
Subject: [PATCH] fix: UI breaking in AddActionDialog on reducing browser
 window height (#14892)

---
 .../features/ee/workflows/components/AddActionDialog.tsx     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/features/ee/workflows/components/AddActionDialog.tsx b/packages/features/ee/workflows/components/AddActionDialog.tsx
index f96274842c..db91a191a0 100644
--- a/packages/features/ee/workflows/components/AddActionDialog.tsx
+++ b/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);