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}