diff --git a/src/sass/components/menus.scss b/src/sass/components/menus.scss
index 448f44b0f..c079f1870 100644
--- a/src/sass/components/menus.scss
+++ b/src/sass/components/menus.scss
@@ -58,6 +58,8 @@
     }
 
     [role='menu'] {
+      max-height: $plyr-menu-max-height;
+      overflow-y: auto;
       padding: $plyr-control-padding;
     }
 
diff --git a/src/sass/settings/menus.scss b/src/sass/settings/menus.scss
index 667b112e9..976cc2f1d 100644
--- a/src/sass/settings/menus.scss
+++ b/src/sass/settings/menus.scss
@@ -11,3 +11,4 @@ $plyr-menu-item-arrow-size: var(--plyr-menu-item-arrow-size, 4px) !default;
 $plyr-menu-item-arrow-color: var(--plyr-menu-arrow-color, $plyr-color-gray-500) !default;
 $plyr-menu-back-border-color: var(--plyr-menu-back-border-color, $plyr-color-gray-100) !default;
 $plyr-menu-back-border-shadow-color: var(--plyr-menu-back-border-shadow-color, #fff) !default;
+$plyr-menu-max-height: var(--plyr-menu-max-height, 240px) !default;