From e3a09d3c6d2a3e888e2b365ee6009ced2f0ac031 Mon Sep 17 00:00:00 2001
From: Quynh Nguyen <quynh.nguyen@elastic.co>
Date: Wed, 11 Jun 2025 10:56:07 -0500
Subject: [PATCH] Fix empty prompt overflowing

---
 .../components/overview/ml_empty_prompt_card.tsx       | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/overview/ml_empty_prompt_card.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/overview/ml_empty_prompt_card.tsx
index 761e981e5236c..e75928cf2e4d6 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/components/overview/ml_empty_prompt_card.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/components/overview/ml_empty_prompt_card.tsx
@@ -8,6 +8,7 @@
 import React from 'react';
 import type { EuiEmptyPromptProps } from '@elastic/eui';
 import { EuiEmptyPrompt, EuiImage } from '@elastic/eui';
+import { css } from '@emotion/react';
 
 export const MLEmptyPromptCard = ({
   title,
@@ -15,9 +16,18 @@ export const MLEmptyPromptCard = ({
   actions,
   iconSrc,
   iconAlt,
+  css: customCss,
   'data-test-subj': dataTestSubj,
 }: Omit<EuiEmptyPromptProps, 'title'> & { title: string; iconSrc: string; iconAlt: string }) => (
   <EuiEmptyPrompt
+    css={
+      customCss ??
+      css`
+        .euiEmptyPrompt__icon {
+          min-inline-size: 32px !important;
+        }
+      `
+    }
     layout="horizontal"
     hasBorder={true}
     hasShadow={false}