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',