From e6b0b1d1bde8bd6e0e7306c5abe33d29ce493747 Mon Sep 17 00:00:00 2001
From: Constance Chen <constance.chen.3@gmail.com>
Date: Wed, 14 Sep 2022 12:10:38 -0700
Subject: [PATCH] Fix euiFlyoutBody__banner CSS

- overflow-x should be on the __banner element, not on EuiCallOut

- remove .euiCallOut CSS completely: it wasn't being applied correctly (spelling), and also the border overrides it was setting no longer apply to Amsterdam themes
---
 src/components/flyout/flyout_body.styles.ts | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/flyout/flyout_body.styles.ts b/src/components/flyout/flyout_body.styles.ts
index 54c6f96b3bf..404a444a1e0 100644
--- a/src/components/flyout/flyout_body.styles.ts
+++ b/src/components/flyout/flyout_body.styles.ts
@@ -29,11 +29,7 @@ export const euiFlyoutBodyStyles = (euiThemeContext: UseEuiTheme) => {
       `,
     },
     euiFlyoutBody__banner: css`
-      .euiCallout {
-        ${logicalCSSWithFallback('overflow-x', 'hidden')}
-        border: none; // Remove border from callout when it is a flyout banner
-        border-radius: 0; // Ensures no border-radius in all themes
-      }
+      ${logicalCSSWithFallback('overflow-x', 'hidden')}
     `,
   };
 };