fix: correct conditional header content styles

components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css

@@ -4,14 +4,19 @@
 }
 
 .header {
-  display: flex;
-  justify-content: space-between;
+  display: grid;
+  grid-template-areas: "title link";
+  grid-template-columns: 1fr max-content;
 }
 
 .title {
+  grid-area: title;
   font-weight: 600;
 }
 
+.link {
+  grid-area: link;
+}
 .subtitle {
   margin: 0;
   font-size: 2rem;

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

@@ -18,9 +18,11 @@ export default async function CurrentBenefitsBlock({
   return (
     <section className={styles.container}>
       <header className={styles.header}>
-        <Title as="h3" level="h2" className={styles.title} uppercase>
-          {title}
-        </Title>
+        {title && (
+          <Title as="h3" level="h2" className={styles.title} uppercase>
+            {title}
+          </Title>
+        )}
         {link && (
           <Link className={styles.link} href={link.href}>
             {link.text}