[8.x] [Searchprofiler] Fix CTA not being shown when screen is not tal…

…l enough (#206764) (#206896)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Searchprofiler] Fix CTA not being shown when screen is not tall
enough (#206764)](#206764)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Ignacio
Rivas","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-01-16T08:27:12Z","message":"[Searchprofiler]
Fix CTA not being shown when screen is not tall enough
(#206764)","sha":"c3b9466de6b3bc03a74fc433ee77aec8c3f291a9","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Team:Kibana
Management","release_note:skip","Feature:Search
Profiler","v9.0.0","backport:prev-minor"],"title":"[Searchprofiler] Fix
CTA not being shown when screen is not tall
enough","number":206764,"url":"https://github.com/elastic/kibana/pull/206764","mergeCommit":{"message":"[Searchprofiler]
Fix CTA not being shown when screen is not tall enough
(#206764)","sha":"c3b9466de6b3bc03a74fc433ee77aec8c3f291a9"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/206764","number":206764,"mergeCommit":{"message":"[Searchprofiler]
Fix CTA not being shown when screen is not tall enough
(#206764)","sha":"c3b9466de6b3bc03a74fc433ee77aec8c3f291a9"}}]}]
BACKPORT-->

Co-authored-by: Ignacio Rivas <[email protected]>

x-pack/platform/plugins/shared/searchprofiler/public/application/components/profile_query_editor/profile_query_editor.tsx

@@ -7,6 +7,7 @@
 
 import React, { useRef, memo, useCallback, useState } from 'react';
 import { i18n } from '@kbn/i18n';
+import { css } from '@emotion/react';
 import {
   EuiForm,
   EuiFieldText,
@@ -116,7 +117,14 @@ export const ProfileQueryEditor = memo(() => {
   );
 
   return (
-    <EuiFlexGroup responsive={false} gutterSize="none" direction="column">
+    <EuiFlexGroup
+      responsive={false}
+      gutterSize="none"
+      direction="column"
+      css={css`
+        height: 100%;
+      `}
+    >
       {/* Form */}
       <EuiFlexItem grow={false}>
         <EuiForm>
@@ -144,7 +152,12 @@ export const ProfileQueryEditor = memo(() => {
       </EuiFlexItem>
 
       {/* Editor */}
-      <EuiFlexItem grow={10}>
+      <EuiFlexItem
+        grow={1}
+        css={css`
+          overflow: hidden;
+        `}
+      >
         <Editor
           onEditorReady={onEditorReady}
           setEditorValue={setEditorValue}