diff --git a/src/components/video-button/Video-button.styles.css b/src/components/video-button/Video-button.styles.css
index c8da80b..efdb5cd 100644
--- a/src/components/video-button/Video-button.styles.css
+++ b/src/components/video-button/Video-button.styles.css
@@ -12,6 +12,7 @@
   --menu-item-color-active: $menu-item-color-active;
   --menu-item-background-hover: var(--primary, $menu-item-background-hover);
   --menu-item-color-hover: $menu-item-color-hover;
+  --menu-max-height: auto;
 
   --size: var(--button-size);
 }
@@ -73,6 +74,8 @@ button {
   height: 0;
   overflow: hidden;
   user-select: none;
+  max-height: var(--menu-max-height);
+  overflow: auto;
   & .inner {
     padding: 6px 12px;
   }
@@ -83,8 +86,7 @@ button {
 
 @media (max-width: 640px) {
   :host(:not([is-fullscreen])) .menu {
-    max-height: 150px;
-    overflow: auto;
+    --menu-max-height: 150px;
   }
 }