diff --git a/public/app/plugins/datasource/prometheus/configuration/AlertingSettingsOverhaul.tsx b/public/app/plugins/datasource/prometheus/configuration/AlertingSettingsOverhaul.tsx
index 9cb771912a97..9c94522bcb55 100644
--- a/public/app/plugins/datasource/prometheus/configuration/AlertingSettingsOverhaul.tsx
+++ b/public/app/plugins/datasource/prometheus/configuration/AlertingSettingsOverhaul.tsx
@@ -21,7 +21,7 @@ export function AlertingSettingsOverhaul<T extends AlertingConfig>({
 
   return (
     <>
-      <h6 className="page-heading">Alerting</h6>
+      <h3 className="page-heading">Alerting</h3>
       <div className="gf-form-group">
         <div className="gf-form-inline">
           <div className="gf-form">
diff --git a/public/app/plugins/datasource/prometheus/configuration/ExemplarsSettings.tsx b/public/app/plugins/datasource/prometheus/configuration/ExemplarsSettings.tsx
index b13f7105c18b..ad9797698919 100644
--- a/public/app/plugins/datasource/prometheus/configuration/ExemplarsSettings.tsx
+++ b/public/app/plugins/datasource/prometheus/configuration/ExemplarsSettings.tsx
@@ -20,7 +20,7 @@ export function ExemplarsSettings({ options, onChange, disabled }: Props) {
   const styles = overhaulStyles(theme);
   return (
     <div className={styles.sectionBottomPadding}>
-      <h6 className="page-heading">Exemplars</h6>
+      <h3 className="page-heading">Exemplars</h3>
 
       {options &&
         options.map((option, index) => {
diff --git a/public/app/plugins/datasource/prometheus/configuration/PromSettings.tsx b/public/app/plugins/datasource/prometheus/configuration/PromSettings.tsx
index 07fb205f58f0..d67ce0e6a7f4 100644
--- a/public/app/plugins/datasource/prometheus/configuration/PromSettings.tsx
+++ b/public/app/plugins/datasource/prometheus/configuration/PromSettings.tsx
@@ -172,7 +172,7 @@ export const PromSettings = (props: Props) => {
 
   return (
     <>
-      <h6 className="page-heading">Interval behaviour</h6>
+      <h3 className="page-heading">Interval behaviour</h3>
       <div className="gf-form-group">
         {/* Scrape interval */}
         <div className="gf-form-inline">
@@ -231,7 +231,7 @@ export const PromSettings = (props: Props) => {
         </div>
       </div>
 
-      <h6 className="page-heading">Query editor</h6>
+      <h3 className="page-heading">Query editor</h3>
       <div className="gf-form-group">
         <div className="gf-form">
           <InlineField
@@ -275,7 +275,7 @@ export const PromSettings = (props: Props) => {
         </div>
       </div>
 
-      <h6 className="page-heading">Performance</h6>
+      <h3 className="page-heading">Performance</h3>
       {!options.jsonData.prometheusType && !options.jsonData.prometheusVersion && options.readOnly && (
         <div className={styles.versionMargin}>
           For more information on configuring prometheus type and version in data sources, see the{' '}
@@ -442,7 +442,7 @@ export const PromSettings = (props: Props) => {
         </div>
       </div>
 
-      <h6 className="page-heading">Other</h6>
+      <h3 className="page-heading">Other</h3>
       <div className="gf-form-group">
         <div className="gf-form-inline">
           <div className="gf-form max-width-30">