diff --git a/src/config/config.json b/src/config/config.json
index 68b406c..9bbcf07 100755
--- a/src/config/config.json
+++ b/src/config/config.json
@@ -17,7 +17,7 @@
     "sticky_header": true,
     "theme_switcher": true,
     "default_theme": "system",
-    "pagination": 2,
+    "pagination": 12,
     "summary_length": 200,
     "blog_folder": "blog",
     "default_language": "en",
diff --git a/src/content/authors/english/ManiAuthor.md b/src/content/authors/english/ManiAuthor.md
index 4fece50..f98029f 100644
--- a/src/content/authors/english/ManiAuthor.md
+++ b/src/content/authors/english/ManiAuthor.md
@@ -1,5 +1,5 @@
 ---
-title: Mani Shankar
+title: Mani Shankar Tulabandu
 email: manishtulabandu@gmail.com
 image: "/images/avatar.png"
 description: this is my description
diff --git a/src/layouts/partials/PostSidebar.astro b/src/layouts/partials/PostSidebar.astro
index 202a505..6e19653 100755
--- a/src/layouts/partials/PostSidebar.astro
+++ b/src/layouts/partials/PostSidebar.astro
@@ -6,52 +6,55 @@ const { tags, categories, allCategories } = Astro.props;
 const lang = getLangFromUrl(Astro.url);
 ---
 
-<div class="lg:col-4">
-  <!-- categories -->
-  <div class="mb-8">
-    <h5 class="mb-6">Categories</h5>
-    <div class="rounded bg-theme-light p-8 dark:bg-darkmode-theme-light">
-      <ul class="space-y-4">
-        {
-          categories.map((category: any) => {
-            const count = allCategories.filter(
-              (c: any) => c === category
-            ).length;
-            return (
-              <li>
-                <a
-                  class="flex justify-between hover:text-primary dark:hover:text-darkmode-primary"
-                  href={slugSelector(`/categories/${category}`, lang)}
-                >
-                  {humanize(category)} <span>({count})</span>
-                </a>
-              </li>
-            );
-          })
-        }
-      </ul>
+<div class="w-full">
+  <div class="flex flex-col gap-8">
+    <!-- categories -->
+    <div>
+      <h5 class="mb-6">Categories</h5>
+      <div class="rounded bg-theme-light p-6 dark:bg-darkmode-theme-light">
+        <ul class="flex flex-wrap gap-2">
+          {
+            categories.map((category: any) => {
+              const count = allCategories.filter(
+                (c: any) => c === category
+              ).length;
+              return (
+                <li class="inline-block">
+                  <a
+                    class="block rounded bg-white px-3 py-1 hover:bg-primary hover:text-white dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark"
+                    href={slugSelector(`/categories/${category}`, lang)}
+                  >
+                    {humanize(category)} <span class="text-sm">({count})</span>
+                  </a>
+                </li>
+              );
+            })
+          }
+        </ul>
+      </div>
     </div>
-  </div>
-  <!-- tags -->
-  <div class="mb-8">
-    <h5 class="mb-6">Tags</h5>
-    <div class="rounded bg-theme-light p-6 dark:bg-darkmode-theme-light">
-      <ul>
-        {
-          tags.map((tag: any) => {
-            return (
-              <li class="inline-block">
-                <a
-                  class="m-1 block rounded bg-white px-3 py-1 hover:bg-primary hover:text-white dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark"
-                  href={slugSelector(`/tags/${tag}`, lang)}
-                >
-                  {humanize(tag)}
-                </a>
-              </li>
-            );
-          })
-        }
-      </ul>
+    
+    <!-- tags -->
+    <div>
+      <h5 class="mb-6">Tags</h5>
+      <div class="rounded bg-theme-light p-6 dark:bg-darkmode-theme-light">
+        <ul class="flex flex-wrap gap-2">
+          {
+            tags.map((tag: any) => {
+              return (
+                <li class="inline-block">
+                  <a
+                    class="block rounded bg-white px-3 py-1 hover:bg-primary hover:text-white dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark"
+                    href={slugSelector(`/tags/${tag}`, lang)}
+                  >
+                    {humanize(tag)}
+                  </a>
+                </li>
+              );
+            })
+          }
+        </ul>
+      </div>
     </div>
   </div>
 </div>
diff --git a/src/pages/[...lang]/blog/index.astro b/src/pages/[...lang]/blog/index.astro
index c4f44a9..bc24948 100755
--- a/src/pages/[...lang]/blog/index.astro
+++ b/src/pages/[...lang]/blog/index.astro
@@ -43,26 +43,24 @@ const currentPosts = sortedPosts.slice(0, config.settings.pagination);
   <PageHeader title={postIndex[0].data.title} />
   <section class="section">
     <div class="container">
-      <div class="row gx-5">
-        <!-- blog posts -->
-        <div class="lg:col-8">
-          <div class="row">
-            {
-              currentPosts.map((post) => (
-                <div class="mb-14 md:col-6">
-                  <BlogCard data={post} />
-                </div>
-              ))
-            }
-          </div>
-          <Pagination
-            section={BLOG_FOLDER}
-            currentPage={1}
-            totalPages={totalPages}
-          />
-        </div>
+      <!-- blog posts -->
+      <div class="row">
+        {
+          currentPosts.map((post) => (
+            <div class="mb-14 md:col-4">
+              <BlogCard data={post} />
+            </div>
+          ))
+        }
+      </div>
+      <Pagination
+        section={BLOG_FOLDER}
+        currentPage={1}
+        totalPages={totalPages}
+      />
 
-        <!-- sidebar -->
+      <!-- Categories and Tags -->
+      <div class="mt-10">
         <PostSidebar
           categories={categories}
           tags={tags}
diff --git a/src/pages/[...lang]/blog/page/[slug].astro b/src/pages/[...lang]/blog/page/[slug].astro
index b72a8be..4c52743 100755
--- a/src/pages/[...lang]/blog/page/[slug].astro
+++ b/src/pages/[...lang]/blog/page/[slug].astro
@@ -79,26 +79,24 @@ export async function getStaticPaths() {
   <PageHeader title={postIndex[0].data.title} />
   <section class="section">
     <div class="container">
-      <div class="row gx-5">
-        <!-- blog posts -->
-        <div class="lg:col-8">
-          <div class="row">
-            {
-              currentPosts.map((post) => (
-                <div class="mb-14 md:col-6">
-                  <BlogCard data={post} />
-                </div>
-              ))
-            }
-          </div>
-          <Pagination
-            section={BLOG_FOLDER}
-            currentPage={currentPage}
-            totalPages={totalPages}
-          />
-        </div>
+      <!-- blog posts -->
+      <div class="row">
+        {
+          currentPosts.map((post) => (
+            <div class="mb-14 md:col-4">
+              <BlogCard data={post} />
+            </div>
+          ))
+        }
+      </div>
+      <Pagination
+        section={BLOG_FOLDER}
+        currentPage={currentPage}
+        totalPages={totalPages}
+      />
 
-        <!-- sidebar -->
+      <!-- Categories and Tags -->
+      <div class="mt-10">
         <PostSidebar
           categories={categories}
           tags={tags}