chore: make year sticky in posts list

1 files changed, 3 insertions, 3 deletions

diff --git a/src/components/PostsList/PostsList.tsx b/src/components/PostsList/PostsList.tsx
index da72032..51698e6 100644
--- a/src/components/PostsList/PostsList.tsx
+++ b/src/components/PostsList/PostsList.tsx
@@ -20,8 +20,8 @@ const PostsList = ({
 
     return years.map((year) => {
       return (
-        <Fragment key={year}>
-          {showYears && <h2>{year}</h2>}
+        <section key={year} className={styles.section}>
+          {showYears && <h2 className={styles.year}>{year}</h2>}
           <ol className={styles.list}>
             {posts[year].map((post) => {
               return (
@@ -31,7 +31,7 @@ const PostsList = ({
               );
             })}
           </ol>
-        </Fragment>
+        </section>
       );
     });
   };