3 files changed, 17 insertions, 3 deletions
diff --git a/src/components/organisms/layout/posts-list.module.scss b/src/components/organisms/layout/posts-list.module.scss
index 8021b2b..a006914 100644
--- a/src/components/organisms/layout/posts-list.module.scss
+++ b/src/components/organisms/layout/posts-list.module.scss
@@ -23,6 +23,17 @@
 }
 
 .year {
+  padding-bottom: fun.convert-px(3);
+  background: linear-gradient(
+      to top,
+      var(--color-primary-dark) 0.3rem,
+      transparent 0.3rem
+    )
+    0 0 / 3rem 100% no-repeat;
+  font-size: var(--font-size-2xl);
+  font-weight: 500;
+  text-shadow: fun.convert-px(1) fun.convert-px(1) 0 var(--color-shadow-light);
+
   @include mix.media("screen") {
     @include mix.dimensions("md") {
       grid-column: 1;
diff --git a/src/components/organisms/layout/posts-list.tsx b/src/components/organisms/layout/posts-list.tsx
index 4d77d20..9dfe254 100644
--- a/src/components/organisms/layout/posts-list.tsx
+++ b/src/components/organisms/layout/posts-list.tsx
@@ -122,18 +122,20 @@ const PostsList: FC<PostsListProps> = ({
    * @returns {JSX.Element | JSX.Element[]} The posts list.
    */
   const getPosts = (): JSX.Element | JSX.Element[] => {
-    if (!byYear) return getList(posts);
+    const firstLevel = titleLevel || 2;
+    if (!byYear) return getList(posts, firstLevel);
 
     const postsPerYear = sortPostsByYear(posts);
     const years = Object.keys(postsPerYear).reverse();
+    const nextLevel = (firstLevel + 1) as HeadingLevel;
 
     return years.map((year) => {
       return (
         <section key={year} className={styles.section}>
-          <Heading level={2} className={styles.year}>
+          <Heading level={firstLevel} className={styles.year}>
             {year}
           </Heading>
-          {getList(postsPerYear[year], titleLevel)}
+          {getList(postsPerYear[year], nextLevel)}
         </section>
       );
     });
diff --git a/src/components/organisms/layout/summary.module.scss b/src/components/organisms/layout/summary.module.scss
index 5f22fbb..9d28bc6 100644
--- a/src/components/organisms/layout/summary.module.scss
+++ b/src/components/organisms/layout/summary.module.scss
@@ -84,6 +84,7 @@
   margin: 0;
   background: none;
   color: inherit;
+  font-size: var(--font-size-2xl);
   text-shadow: none;
 }