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: '' });
                 }}