From 69fa1708cc79363de38231c4d9f2de544a0aa8b8 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Wed, 6 Mar 2024 14:27:59 +0530
Subject: [PATCH] fix: module quick action dropdown overflow fix (#3865)

---
 web/components/modules/module-card-item.tsx | 2 +-
 web/components/modules/module-list-item.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/modules/module-card-item.tsx b/web/components/modules/module-card-item.tsx
index 52cc6097b..dbbde56d7 100644
--- a/web/components/modules/module-card-item.tsx
+++ b/web/components/modules/module-card-item.tsx
@@ -265,7 +265,7 @@ export const ModuleCardItem: React.FC<Props> = observer((props) => {
                     </button>
                   ))}
 
-                <CustomMenu ellipsis className="z-10">
+                <CustomMenu ellipsis className="z-10" placement="left-start">
                   {isEditingAllowed && (
                     <>
                       <CustomMenu.MenuItem onClick={handleEditModule}>
diff --git a/web/components/modules/module-list-item.tsx b/web/components/modules/module-list-item.tsx
index 72ed16adf..63e780cb2 100644
--- a/web/components/modules/module-list-item.tsx
+++ b/web/components/modules/module-list-item.tsx
@@ -255,7 +255,7 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
                   </button>
                 ))}
 
-              <CustomMenu verticalEllipsis buttonClassName="z-[1]" placement="bottom-end">
+              <CustomMenu verticalEllipsis buttonClassName="z-[1]" placement="left-start">
                 {isEditingAllowed && (
                   <>
                     <CustomMenu.MenuItem onClick={handleEditModule}>