chore: minor ui style tweaks and fixes

Author: geclos

apps/web/src/app/(private)/settings/_components/Webhooks/Edit.tsx

@@ -100,6 +100,7 @@ export default function EditWebhook() {
 
           <div className='py-2'>
             <MultiSelect
+              maxCount={2}
               description='You can filter webhook events by project to limit the scope of the notifications.'
               info='Leave empty to apply to all projects'
               label='Projects'

apps/web/src/app/(private)/settings/_components/Webhooks/New.tsx

@@ -75,6 +75,7 @@ export default function NewWebhook() {
 
           <div className='py-2'>
             <MultiSelect
+              maxCount={2}
               description='You can filter webhook events by project to limit the scope of the notifications.'
               info='Leave empty to apply to all projects'
               label='Projects'

packages/web-ui/src/ds/molecules/MultiSelect/index.tsx

@@ -156,7 +156,7 @@ export const MultiSelect = React.forwardRef<
                 {...props}
                 onClick={handleTogglePopover}
                 className={cn(
-                  'flex w-full p-0 h-8 py-2 px-2 rounded-md border items-center justify-between bg-inherit hover:bg-inherit [&_svg]:pointer-events-auto',
+                  'flex w-full p-0 h-8 py-2 px-2 rounded-md border items-center justify-between bg-inherit hover:bg-inherit [&_svg]:pointer-events-auto overflow-y-auto',
                   className,
                 )}
               >