From 0c15af50595d63f4e247b65de87adeff65a7c485 Mon Sep 17 00:00:00 2001
From: Saikat Sarkar <132922331+saikatsarkar056@users.noreply.github.com>
Date: Tue, 4 Mar 2025 17:34:42 -0700
Subject: [PATCH] [Playground] Increase the height of the indices container
 (#212827)

This PR increase the height of the container for indices in the
playground

https://github.com/user-attachments/assets/0fbacb11-ce8e-4566-b07e-b6058de89af0
(cherry picked from commit 1e00a04c2b11cf69866bfc255486a286d54654b2)
---
 .../public/components/select_indices_flyout.tsx              | 5 +++++
 .../search_playground/public/hooks/use_query_indices.ts      | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/x-pack/solutions/search/plugins/search_playground/public/components/select_indices_flyout.tsx b/x-pack/solutions/search/plugins/search_playground/public/components/select_indices_flyout.tsx
index fa3868cb392c8..65fbdf0d223d0 100644
--- a/x-pack/solutions/search/plugins/search_playground/public/components/select_indices_flyout.tsx
+++ b/x-pack/solutions/search/plugins/search_playground/public/components/select_indices_flyout.tsx
@@ -23,6 +23,7 @@ import {
 } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { i18n } from '@kbn/i18n';
+import { css } from '@emotion/react';
 import { EuiSelectableOption } from '@elastic/eui/src/components/selectable/selectable_option';
 import { getIndicesWithNoSourceFields } from '../utils/create_query';
 import { useIndicesFields } from '../hooks/use_indices_fields';
@@ -62,6 +63,10 @@ export const SelectIndicesFlyout: React.FC<SelectIndicesFlyout> = ({ onClose })
           <EuiSpacer />
           <EuiSelectable
             searchable
+            height="full"
+            css={css`
+              height: 70vh;
+            `}
             searchProps={{
               onChange: handleSearchChange,
             }}
diff --git a/x-pack/solutions/search/plugins/search_playground/public/hooks/use_query_indices.ts b/x-pack/solutions/search/plugins/search_playground/public/hooks/use_query_indices.ts
index f106d7d5c5a48..0159d72e2abad 100644
--- a/x-pack/solutions/search/plugins/search_playground/public/hooks/use_query_indices.ts
+++ b/x-pack/solutions/search/plugins/search_playground/public/hooks/use_query_indices.ts
@@ -31,7 +31,7 @@ export const useQueryIndices = (
           query: {
             search_query: query,
             exact,
-            size: 50,
+            size: 100,
           },
         });