From 37b3087b2c2089bb6b00fdce1dc818c0992334dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.org>
Date: Thu, 20 Aug 2020 08:51:59 +0200
Subject: [PATCH] PanelHeader: Fix issue with panel header text ellipsis
 showing before needed (#27082)

---
 .../features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
index ca92498b372..addead2f717 100644
--- a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
+++ b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
@@ -177,10 +177,8 @@ export class PanelHeader extends Component<Props, State> {
                   size="sm"
                 />
               )}
-              <span className="panel-title-text">
-                {title}
-                <Icon name="angle-down" className="panel-menu-toggle" />
-              </span>
+              <span className="panel-title-text">{title}</span>
+              <Icon name="angle-down" className="panel-menu-toggle" />
               {this.state.panelMenuOpen && (
                 <ClickOutsideWrapper onClick={this.closeMenu}>
                   <PanelHeaderMenu items={menuItems} />