diff --git a/packages/core/src/components/select/stories/select.args.ts b/packages/core/src/components/select/stories/select.args.ts
index ada180c58..d56a551b3 100644
--- a/packages/core/src/components/select/stories/select.args.ts
+++ b/packages/core/src/components/select/stories/select.args.ts
@@ -147,6 +147,13 @@ export const SelectStoryArgs = {
         category: Category.EVENTS,
       },
     },
+    '--select-max-height': {
+      description: 'Add a custom max-height to the select list options.',
+      defaultValue: { summary: '250px' },
+      table: {
+        category: Category.CSS_CUSTOM_PROPERTIES,
+      },
+    },
   },
 }
 
diff --git a/packages/core/src/global/global.scss b/packages/core/src/global/global.scss
index 2f247464f..3ac44b6ac 100644
--- a/packages/core/src/global/global.scss
+++ b/packages/core/src/global/global.scss
@@ -77,6 +77,8 @@ Issue: https://github.com/ionic-team/ionic-framework/issues/27500
 */
 
 .select-popover {
+  --max-height: var(--select-max-height, 250px);
+
   &.atom-select__popover {
     .select-interface-option {
       --background-hover: var(--color-neutral-light-5);