From 9b38ac1c24fa13ac3cb871d127514f126454118e Mon Sep 17 00:00:00 2001
From: Sriram <153843+yesoreyeram@users.noreply.github.com>
Date: Thu, 14 Aug 2025 11:29:17 +0100
Subject: [PATCH] Prometheus: Fix prometheus data source  hints alignment issue
 (#109656)

fix prometheues ds hints alignment issue
---
 .../src/querybuilder/shared/QueryBuilderHints.tsx          | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-prometheus/src/querybuilder/shared/QueryBuilderHints.tsx b/packages/grafana-prometheus/src/querybuilder/shared/QueryBuilderHints.tsx
index 8ffba3bb291..d60dc22f278 100644
--- a/packages/grafana-prometheus/src/querybuilder/shared/QueryBuilderHints.tsx
+++ b/packages/grafana-prometheus/src/querybuilder/shared/QueryBuilderHints.tsx
@@ -38,7 +38,7 @@ export const QueryBuilderHints = ({
   }, [datasource, visualQuery, data, queryModeller]);
 
   return (
-    <>
+    <div className={styles.root}>
       {hints.length > 0 && (
         <div className={styles.container}>
           {hints.map((hint) => {
@@ -75,7 +75,7 @@ export const QueryBuilderHints = ({
           })}
         </div>
       )}
-    </>
+    </div>
   );
 };
 
@@ -83,6 +83,9 @@ QueryBuilderHints.displayName = 'QueryBuilderHints';
 
 const getStyles = (theme: GrafanaTheme2) => {
   return {
+    root: css({
+      padding: theme.spacing(0.5),
+    }),
     container: css({
       display: 'flex',
       alignItems: 'start',