From e3efecacb5f1aaf5972f1a12cc457690dac2d0e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Wed, 3 May 2023 17:19:56 +0200
Subject: [PATCH] PageHeader: Set h1 style from wrapping element (#67735)

---
 public/app/core/components/Page/PageHeader.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/app/core/components/Page/PageHeader.tsx b/public/app/core/components/Page/PageHeader.tsx
index 7e3b7aa3e8e..a7f1e056089 100644
--- a/public/app/core/components/Page/PageHeader.tsx
+++ b/public/app/core/components/Page/PageHeader.tsx
@@ -20,7 +20,7 @@ export function PageHeader({ navItem, renderTitle, actions, info, subTitle }: Pr
   const styles = useStyles2(getStyles);
   const sub = subTitle ?? navItem.subTitle;
 
-  const titleElement = renderTitle ? renderTitle(navItem.text) : <h1 className={styles.pageTitle}>{navItem.text}</h1>;
+  const titleElement = renderTitle ? renderTitle(navItem.text) : <h1>{navItem.text}</h1>;
 
   return (
     <div className={styles.pageHeader}>
@@ -51,6 +51,10 @@ const getStyles = (theme: GrafanaTheme2) => {
     title: css({
       display: 'flex',
       flexDirection: 'row',
+      h1: {
+        display: 'flex',
+        marginBottom: 0,
+      },
     }),
     actions: css({
       display: 'flex',
@@ -73,10 +77,6 @@ const getStyles = (theme: GrafanaTheme2) => {
       gap: theme.spacing(1),
       marginBottom: theme.spacing(2),
     }),
-    pageTitle: css({
-      display: 'flex',
-      marginBottom: 0,
-    }),
     subTitle: css({
       position: 'relative',
       color: theme.colors.text.secondary,