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,