From 24c993a3d299908e68d28e16eebe66d9bbfc00a7 Mon Sep 17 00:00:00 2001
From: Abdullah Arif <102965181+aabdullaharif@users.noreply.github.com>
Date: Wed, 19 Mar 2025 00:24:09 -0400
Subject: [PATCH] fix(createButton): add scrolling to  empty webhook dropdown
 (#20191)

Added a scroll-bar class and set a max height on DropdownMenuContent to ensure large dropdowns are scrollable, improving the user experience by making all items accessible without expanding beyond the viewport.
---
 .../features/ee/teams/components/createButton/CreateButton.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/features/ee/teams/components/createButton/CreateButton.tsx b/packages/features/ee/teams/components/createButton/CreateButton.tsx
index e1c05e49c8..950741e62e 100644
--- a/packages/features/ee/teams/components/createButton/CreateButton.tsx
+++ b/packages/features/ee/teams/components/createButton/CreateButton.tsx
@@ -107,7 +107,7 @@ export function CreateButton(props: CreateBtnProps) {
               {buttonText ? buttonText : t("new")}
             </Button>
           </DropdownMenuTrigger>
-          <DropdownMenuContent sideOffset={14} align="end">
+          <DropdownMenuContent sideOffset={14} align="end" className="scroll-bar max-h-60 overflow-y-auto">
             <DropdownMenuLabel>
               <div className="w-48 text-left text-xs">{subtitle}</div>
             </DropdownMenuLabel>