From e8024c989caa1a9b6ed1c80afc26ce94aa8a9e37 Mon Sep 17 00:00:00 2001
From: Michael Dokolin <mikhail.dokolin@elastic.co>
Date: Fri, 28 Oct 2022 23:15:53 +0200
Subject: [PATCH] Fix embeddable panel error not to overflow

---
 .../public/lib/panel/_embeddable_panel.scss           | 11 ++++++-----
 .../embeddable/public/lib/panel/embeddable_panel.tsx  |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss b/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss
index 9305927a041737..789b9f7227a3c1 100644
--- a/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss
+++ b/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss
@@ -158,11 +158,12 @@
 }
 
 .embPanel__error {
-  text-align: center;
-  justify-content: center;
-  flex-direction: column;
-  overflow: auto;
-  padding: $euiSizeS;
+  padding: $euiSizeL;
+
+  & > * {
+    max-height: 100%;
+    overflow: auto;
+  }
 }
 
 .embPanel__label {
diff --git a/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx b/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx
index 760b0d5f13d07c..cf014c2af98b62 100644
--- a/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx
+++ b/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx
@@ -309,7 +309,7 @@ export class EmbeddablePanel extends React.Component<Props, State> {
         {this.state.error && (
           <EuiFlexGroup
             alignItems="center"
-            className="eui-fullHeight"
+            className="eui-fullHeight embPanel__error"
             data-test-subj="embeddableError"
             justifyContent="center"
           >