From dd38ff7cc881d7b6b7eb846aab201c65a3d83e18 Mon Sep 17 00:00:00 2001
From: Ryan McKinley <ryantxu@gmail.com>
Date: Wed, 31 Aug 2022 11:50:24 -0700
Subject: [PATCH] Collapse: remove explicit panel-container className from
 definition (#54359)

---
 .../grafana-ui/src/components/Collapse/Collapse.tsx    | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/Collapse/Collapse.tsx b/packages/grafana-ui/src/components/Collapse/Collapse.tsx
index d5ce236782d..e2c02526585 100644
--- a/packages/grafana-ui/src/components/Collapse/Collapse.tsx
+++ b/packages/grafana-ui/src/components/Collapse/Collapse.tsx
@@ -10,6 +10,14 @@ const getStyles = (theme: GrafanaTheme2) => ({
   collapse: css`
     label: collapse;
     margin-bottom: ${theme.spacing(1)};
+    background-color: ${theme.colors.background.primary};
+    border: 1px solid ${theme.colors.border.medium};
+    position: relative;
+    border-radius: 3px;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 0;
   `,
   collapseBody: css`
     label: collapse__body;
@@ -131,7 +139,7 @@ export const Collapse: FunctionComponent<Props> = ({
     }
   };
 
-  const panelClass = cx([style.collapse, 'panel-container', className]);
+  const panelClass = cx([style.collapse, className]);
   const loaderClass = loading ? cx([style.loader, style.loaderActive]) : cx([style.loader]);
   const headerClass = collapsible ? cx([style.header]) : cx([style.headerCollapsed]);