From 887e9fb5b5481fe22653381ae962da9566f4f53b Mon Sep 17 00:00:00 2001
From: Brendan O'Handley <brendan.ohandley@grafana.com>
Date: Wed, 22 Jan 2025 18:07:51 -0600
Subject: [PATCH] Explore metrics: fix flexGrow issue with native histograms
 banner (#99346)

---
 public/app/features/trails/banners/NativeHistogramBanner.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/public/app/features/trails/banners/NativeHistogramBanner.tsx b/public/app/features/trails/banners/NativeHistogramBanner.tsx
index 62bcd7551f3..5813c06d30f 100644
--- a/public/app/features/trails/banners/NativeHistogramBanner.tsx
+++ b/public/app/features/trails/banners/NativeHistogramBanner.tsx
@@ -34,6 +34,7 @@ export function NativeHistogramBanner(props: NativeHistogramInfoProps) {
           onRemove={() => {
             setHistogramMessage(false);
           }}
+          className={styles.banner}
         >
           <div className={styles.histogramRow}>
             <div className={styles.histogramSentence}>
@@ -231,6 +232,9 @@ const NativeHistogramExamples = ({ trail, nativeHistograms, setHistogramMessage
 
 function getStyles(theme: GrafanaTheme2, _chromeHeaderHeight: number) {
   return {
+    banner: css({
+      flexGrow: 0,
+    }),
     histogramRow: css({
       display: 'flex',
       flexDirection: 'row',