From 0c7bd1693e047b90938484c2abd410044c1ec553 Mon Sep 17 00:00:00 2001
From: Katarzyna Ziomek-Zdanowicz <katarzyna.ziomek-zdanowicz@fluxninja.com>
Date: Wed, 15 Mar 2023 15:06:59 +0100
Subject: [PATCH] 8740 Fix variables in titles by using PanelHeader component
 to render panel header

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

diff --git a/public/app/features/dashboard/dashgrid/PanelStateWrapper.tsx b/public/app/features/dashboard/dashgrid/PanelStateWrapper.tsx
index d1d1a7b7fa51..a2845bd1b242 100644
--- a/public/app/features/dashboard/dashgrid/PanelStateWrapper.tsx
+++ b/public/app/features/dashboard/dashgrid/PanelStateWrapper.tsx
@@ -625,9 +625,7 @@ export class PanelStateWrapper extends PureComponent<Props, State> {
           className={containerClassNames}
           aria-label={selectors.components.Panels.Panel.containerByTitle(panel.title)}
         >
-          {FNDashboard ? (
-            <p style={FN_TITLE_STYLE}>{panel.title}</p>
-          ) : (
+          <div style={FNDashboard ?  FN_TITLE_STYLE : {}}>
             <PanelHeader
               panel={panel}
               dashboard={dashboard}
@@ -640,7 +638,7 @@ export class PanelStateWrapper extends PureComponent<Props, State> {
               alertState={alertState}
               data={data}
             />
-          )}
+            </div>
           <ErrorBoundary
             dependencies={[data, plugin, panel.getOptions()]}
             onError={this.onPanelError}