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 ddfd8ebed4f8..191a1b2890ad 100644
--- a/x-pack/plugins/observability/public/components/app/section/index.tsx
+++ b/x-pack/plugins/observability/public/components/app/section/index.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { EuiAccordion, EuiLink, EuiPanel, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
+import { EuiAccordion, EuiPanel, EuiSpacer, EuiTitle, EuiButton } from '@elastic/eui';
 import React from 'react';
 import { ErrorPanel } from './error_panel';
 import { usePluginContext } from '../../../hooks/use_plugin_context';
@@ -25,36 +25,29 @@ interface Props {
 export function SectionContainer({ title, appLink, children, hasError }: Props) {
   const { core } = usePluginContext();
   return (
-    <EuiAccordion
-      initialIsOpen
-      id={title}
-      buttonContentClassName="accordion-button"
-      buttonContent={
-        <EuiTitle size="s">
-          <h5>{title}</h5>
-        </EuiTitle>
-      }
-      extraAction={
-        appLink?.href && (
-          <EuiLink href={core.http.basePath.prepend(appLink.href)}>
-            <EuiText size="s">{appLink.label}</EuiText>
-          </EuiLink>
-        )
-      }
-    >
-      <>
-        <EuiSpacer size="s" />
-        <EuiPanel hasShadow>
-          {hasError ? (
-            <ErrorPanel />
-          ) : (
-            <>
-              <EuiSpacer size="s" />
-              {children}
-            </>
-          )}
-        </EuiPanel>
-      </>
-    </EuiAccordion>
+    <EuiPanel>
+      <EuiAccordion
+        initialIsOpen
+        id={title}
+        buttonContentClassName="accordion-button"
+        buttonContent={
+          <EuiTitle size="s">
+            <h5>{title}</h5>
+          </EuiTitle>
+        }
+        extraAction={
+          appLink?.href && (
+            <EuiButton href={core.http.basePath.prepend(appLink.href)}>{appLink.label}</EuiButton>
+          )
+        }
+      >
+        <>
+          <EuiSpacer size="s" />
+          <EuiPanel hasShadow={false} paddingSize="s">
+            {hasError ? <ErrorPanel /> : <>{children}</>}
+          </EuiPanel>
+        </>
+      </EuiAccordion>
+    </EuiPanel>
   );
 }