From 3034e94b205a37b1c40c2f16e839d1c41c6a418a Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Thu, 12 Jun 2025 12:12:46 +0200
Subject: [PATCH] Make headers smaller (#10128)

Makes headers a little smaller. the default h2 size is not the same as
in the theme, but Typography handles it for you.
---
 frontend/src/component/insights/sections/InsightsSection.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/insights/sections/InsightsSection.tsx b/frontend/src/component/insights/sections/InsightsSection.tsx
index 32d0e3da39..e615acf480 100644
--- a/frontend/src/component/insights/sections/InsightsSection.tsx
+++ b/frontend/src/component/insights/sections/InsightsSection.tsx
@@ -1,4 +1,4 @@
-import { styled } from '@mui/material';
+import { styled, Typography } from '@mui/material';
 import { forwardRef, type PropsWithChildren, type ReactNode } from 'react';
 
 const StyledSection = styled('section')(({ theme }) => ({
@@ -27,7 +27,7 @@ export const InsightsSection = forwardRef<
 >(({ title, children, filters: HeaderActions }, ref) => (
     <StyledSection ref={ref}>
         <SectionTitleRow>
-            <h2>{title}</h2>
+            <Typography variant='h2'>{title}</Typography>
             {HeaderActions}
         </SectionTitleRow>
         {children}