From 7562a8e47250f62293243efdf6015b782b2ffdef Mon Sep 17 00:00:00 2001
From: Gareth Dawson <gareth.dawson@grafana.com>
Date: Tue, 14 Mar 2023 15:09:06 +0000
Subject: [PATCH] Prometheus: add x icon to selected metrics (#64738)

fix: add `x` icon to selected metric
---
 .../prometheus/querybuilder/components/PromQueryBuilder.tsx    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/app/plugins/datasource/prometheus/querybuilder/components/PromQueryBuilder.tsx b/public/app/plugins/datasource/prometheus/querybuilder/components/PromQueryBuilder.tsx
index 5fab120928d..67ef6dfc4ab 100644
--- a/public/app/plugins/datasource/prometheus/querybuilder/components/PromQueryBuilder.tsx
+++ b/public/app/plugins/datasource/prometheus/querybuilder/components/PromQueryBuilder.tsx
@@ -225,8 +225,9 @@ export const PromQueryBuilder = React.memo<Props>((props) => {
             </Button>
             {query.metric && (
               <Tag
-                name={query.metric}
+                name={' ' + query.metric}
                 color="#3D71D9"
+                icon="times"
                 onClick={() => {
                   onChange({ ...query, metric: '' });
                 }}