Merged in feat/benefit-cards-titles (pull request #528)

fix: change to correct titles on benefit cards

Approved-by: Michael Zetterberg

components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx

@@ -48,10 +48,10 @@ export default async function CurrentBenefitsBlock({
         {currentLevel.benefits.map((benefit, idx) => (
           <article className={styles.card} key={`${currentLevel}-${idx}`}>
             <Title
-              as="h5"
+              as="h4"
               level="h3"
               textAlign="center"
-              textTransform="uppercase"
+              textTransform="regular"
             >
               {benefit.title}
             </Title>

components/MyPages/Blocks/Benefits/NextLevel/index.tsx

@@ -54,12 +54,7 @@ export default async function NextLevelBenefitsBlock({
                   { level: nextLevel.name }
                 )}
               </Body>{" "}
-              <Title
-                level="h4"
-                textTransform="capitalize"
-                color="pale"
-                textAlign="center"
-              >
+              <Title level="h4" as="h5" color="pale" textAlign="center">
                 {benefit.title}
               </Title>
             </div>