From 83dff1849e50b6c60cf877863c446eaabaa9047f Mon Sep 17 00:00:00 2001
From: HO <93981322+VWSCoronaDashboard19@users.noreply.github.com>
Date: Fri, 13 May 2022 11:50:42 +0200
Subject: [PATCH] feat: flip h1 with h2 and keep styling as it is (#4244)

---
 .../page-information-block/components/header.tsx         | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/app/src/components/page-information-block/components/header.tsx b/packages/app/src/components/page-information-block/components/header.tsx
index 05d5065569..c97bd2a07a 100644
--- a/packages/app/src/components/page-information-block/components/header.tsx
+++ b/packages/app/src/components/page-information-block/components/header.tsx
@@ -32,7 +32,7 @@ export function Header({
       {icon && !isMediumScreen && <Icon gridArea="topIcon">{icon}</Icon>}
       {category && (
         <Box gridArea="category">
-          <Heading level={1} variant="subtitle2">
+          <Heading level={2} variant="subtitle2">
             {category}
             {screenReaderCategory && (
               <VisuallyHidden>{`- ${screenReaderCategory}`}</VisuallyHidden>
@@ -41,12 +41,7 @@ export function Header({
         </Box>
       )}
       {icon && isMediumScreen && <Icon gridArea="sideIcon">{icon}</Icon>}
-      <Heading
-        level={1}
-        as="h2"
-        hyphens="auto"
-        css={css({ gridArea: 'title' })}
-      >
+      <Heading level={1} hyphens="auto" css={css({ gridArea: 'title' })}>
         {title}
       </Heading>
     </GridLayout>