From 39c5f1705e06b6e8196fa8b009df4132cbda2b08 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Thu, 21 Jan 2021 06:06:22 +0100
Subject: [PATCH] Expressions: Fix button icon (#30444) (#30450)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(cherry picked from commit b9fd4dba3655ea23a79031ca644ddf819c3277df)

Co-authored-by: Torkel Ödegaard <torkel@grafana.org>
---
 public/app/features/query/components/QueryGroup.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/app/features/query/components/QueryGroup.tsx b/public/app/features/query/components/QueryGroup.tsx
index 5615d24cf10..1baded560c3 100644
--- a/public/app/features/query/components/QueryGroup.tsx
+++ b/public/app/features/query/components/QueryGroup.tsx
@@ -316,14 +316,15 @@ export class QueryGroup extends PureComponent<Props, State> {
         )}
         {isAddingMixed && this.renderMixedPicker()}
         {this.isExpressionsSupported(dsSettings) && (
-          <Tooltip content="Experimental feature, queries might break in next version">
+          <Tooltip content="Experimental feature: queries could stop working in next version" placement="right">
             <Button
               icon="plus"
               onClick={this.onAddExpressionClick}
               variant="secondary"
               className={styles.expressionButton}
             >
-              Expression <Icon name="exclamation-triangle" className="muted" size="sm" />
+              <span>Expression&nbsp;</span>
+              <Icon name="exclamation-triangle" className="muted" size="sm" />
             </Button>
           </Tooltip>
         )}