fix: align styles

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

@@ -1,20 +1,29 @@
-.cardContainer {
+.container {
   display: grid;
-  gap: 4px;
+  gap: 1.5rem;
 }
 
 .header {
   display: flex;
   justify-content: space-between;
 }
+
 .title {
   font-weight: 600;
 }
 
+.subtitle {
+  margin: 0;
+  font-size: 2rem;
+}
 .value {
   color: var(--some-red-color, #ed2027);
 }
 
+.cardContainer {
+  display: grid;
+  gap: 4px;
+}
 .cardSubtitle {
   font-family: var(--ff-fira-sans);
   font-size: 12px;

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

@@ -21,9 +21,9 @@ export default async function CurrentBenefitsBlock({
   const benefits = await serverClient().user.benefits.current()
 
   return (
-    <section>
+    <section className={styles.container}>
       <header className={styles.header}>
-        <Title as="h4" level="h2" className={styles.title} uppercase>
+        <Title as="h3" level="h2" className={styles.title} uppercase>
           {title}
         </Title>
         {link && (