diff --git a/x-pack/plugins/global_search_bar/public/components/search_bar.tsx b/x-pack/plugins/global_search_bar/public/components/search_bar.tsx index a1c854b393d63..7571a656e5f68 100644 --- a/x-pack/plugins/global_search_bar/public/components/search_bar.tsx +++ b/x-pack/plugins/global_search_bar/public/components/search_bar.tsx @@ -18,6 +18,7 @@ import { euiSelectableTemplateSitewideRenderOptions, useEuiTheme, } from '@elastic/eui'; +import { css } from '@emotion/react'; import type { GlobalSearchFindParams, GlobalSearchResult } from '@kbn/global-search-plugin/public'; import React, { FC, useCallback, useEffect, useRef, useState } from 'react'; import useDebounce from 'react-use/lib/useDebounce'; @@ -317,6 +318,12 @@ export const SearchBar: FC = (opts) => { popoverButtonBreakpoints={['xs', 's']} singleSelection={true} renderOption={(option) => euiSelectableTemplateSitewideRenderOptions(option, searchTerm)} + listProps={{ + className: 'eui-yScroll', + css: css` + max-block-size: 75vh; + `, + }} searchProps={{ autoFocus: chromeStyle === 'project', value: searchValue,