diff --git a/src/Elastic.Documentation.Site/Assets/web-components/VersionDropdown.tsx b/src/Elastic.Documentation.Site/Assets/web-components/VersionDropdown.tsx
index c4d77844a..382c79617 100644
--- a/src/Elastic.Documentation.Site/Assets/web-components/VersionDropdown.tsx
+++ b/src/Elastic.Documentation.Site/Assets/web-components/VersionDropdown.tsx
@@ -249,16 +249,18 @@ const VersionDropdown = ({
                             cursor: default;
                         }
                     }
+                    .euiContextMenuPanel
+                        > div:not(.euiContextMenuPanel__title) {
+                        // I'm using this height so that the last element
+                        // is cut in half to make it clear to the user that
+                        // there is more content.
+                        max-height: 28.3rem;
+                        ${useEuiOverflowScroll('y')}
+                    }
                     .euiContextMenuPanel__title {
-                        position: sticky;
-                        top: 0;
-                        // !important because clicking on the title
-                        // makes the background transparent
-                        // and you unexpectedly see the items behind it.
                         background-color: ${euiTheme.colors
                             .backgroundBasePlain} !important;
                     }
-                    ${useEuiOverflowScroll('y')}
                 `}
             />
         </EuiPopover>