diff --git a/src/shared/components/post-list/index.tsx b/src/shared/components/post-list/index.tsx
index 349b7a73..752398d2 100644
--- a/src/shared/components/post-list/index.tsx
+++ b/src/shared/components/post-list/index.tsx
@@ -22,10 +22,10 @@ export function PostList({ posts, separateByYear = false }: Props) {
       <div className="flex flex-col gap-7">
         {postsByYear.map(postsOfYear => (
           <div key={postsOfYear.year}>
-            <h1 className="mb-5 rounded-xl bg-neutral-50 p-3 text-2xl font-bold dark:bg-neutral-900">
+            <h1 className="mb-5 text-center md:text-left rounded-xl bg-neutral-50 p-3 text-2xl font-bold dark:bg-neutral-900">
               {postsOfYear.year}
             </h1>
-            <div className="flex flex-col gap-3">
+            <div className="flex flex-col my-5 md:my-0 gap-4 md:gap-3">
               {postsOfYear.posts.map((post, key) => (
                 <PostLink key={key} post={post} hideYear />
               ))}
@@ -33,7 +33,7 @@ export function PostList({ posts, separateByYear = false }: Props) {
           </div>
         ))}
         <div>
-          <h1 className="mb-5 rounded-xl bg-neutral-50 p-3 text-2xl font-bold dark:bg-neutral-900">
+          <h1 className="mb-5 rounded-xl text-center md:text-left bg-neutral-50 p-3 text-2xl font-bold dark:bg-neutral-900">
             Others
           </h1>
           <div className="flex flex-col gap-3">