diff --git a/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx b/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
index 41a8cfc2..0615ceb0 100644
--- a/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
@@ -42,6 +42,7 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
               value={eventName}
               onChange={setEventName}
               placeholder=""
+              listProps={{ className: 'scrollable-select-menu-list' }}
             >
               {events?.map(p => (
                 <ListItem key={p} id={p}>
@@ -55,6 +56,7 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
               onChange={setPropertyName}
               isDisabled={!eventName}
               placeholder=""
+              listProps={{ className: 'scrollable-select-menu-list' }}
             >
               {properties?.map(p => (
                 <ListItem key={p} id={p}>
diff --git a/src/styles/global.css b/src/styles/global.css
index d63ebf38..dc0fdb19 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -41,3 +41,9 @@ a:hover {
   border: 4px solid rgba(0, 0, 0, 0);
   background-clip: padding-box;
 }
+
+/* TODO add in https://github.com/umami-software/react-zen as default */
+.scrollable-select-menu-list {
+  max-height: 42vh;
+  overflow-y: auto;
+}