Fix webhook dropdown scrolling by wrapping content in scrollable div

Author: AmineAfia

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/components/FilterDetailsStep.tsx

@@ -323,9 +323,8 @@ export function FilterDetailsStep({
                           : null}
                       </SelectValue>
                     </SelectTrigger>
-                    <SelectContent className="max-h-60 overflow-y-auto">
+                    <SelectContent className="max-h-60 max-w-md overflow-y-auto">
                       {eventSignatures.map((event) => {
-                        // Truncate the hash for display purposes
                         const truncatedHash = truncateMiddle(
                           event.signature,
                           6,
@@ -373,7 +372,7 @@ export function FilterDetailsStep({
                           : null}
                       </SelectValue>
                     </SelectTrigger>
-                    <SelectContent className="max-h-60 max-w-[600px] overflow-y-auto">
+                    <SelectContent className="max-h-60 max-w-md overflow-y-auto">
                       {functionSignatures.map((func) => (
                         <SelectItem
                           key={func.signature}