From bc9fbd838e6e3634ed59f5320c047f398771aa2f Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Fri, 1 Apr 2022 06:31:54 -0400
Subject: [PATCH] [Unified Observability] Fix shadow for overview panels
 (#128878) (#129172)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* replace shadow with border for overview panels

* remove not needed prop

(cherry picked from commit f9d83f9b8b3d432725c09969a91064f15796f37a)

Co-authored-by: Ester Martí Vilaseca <ester.martivilaseca@elastic.co>
---
 .../observability/public/components/app/section/index.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/observability/public/components/app/section/index.tsx b/x-pack/plugins/observability/public/components/app/section/index.tsx
index 582952195bf98..c0f765083d8e5 100644
--- a/x-pack/plugins/observability/public/components/app/section/index.tsx
+++ b/x-pack/plugins/observability/public/components/app/section/index.tsx
@@ -42,7 +42,7 @@ export function SectionContainer({
 }: Props) {
   const { http } = useKibana<ObservabilityAppServices>().services;
   return (
-    <EuiPanel hasShadow={true} color="subdued">
+    <EuiPanel color="subdued">
       <EuiAccordion
         initialIsOpen
         id={title}
@@ -79,7 +79,7 @@ export function SectionContainer({
       >
         <>
           <EuiSpacer size="s" />
-          <EuiPanel hasShadow={true}>{hasError ? <ErrorPanel /> : <>{children}</>}</EuiPanel>
+          <EuiPanel hasBorder={true}>{hasError ? <ErrorPanel /> : <>{children}</>}</EuiPanel>
         </>
       </EuiAccordion>
     </EuiPanel>