diff --git a/package.json b/package.json
index dd6786c..656b226 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
diff --git a/src/pages/categories/index.astro b/src/pages/categories/index.astro
index 3d34928..e16ffef 100755
--- a/src/pages/categories/index.astro
+++ b/src/pages/categories/index.astro
@@ -14,15 +14,15 @@ const allCategories = await getAllTaxonomy(blog_folder, "categories");
   <PageHeader title={"Categories"} />
   <section class="section">
     <div class="container text-center">
-      <ul class="space-x-4">
+      <ul>
         {
           categories.map((category: any) => {
             const count = allCategories.filter((c) => c === category).length;
             return (
-              <li class="inline-block">
+              <li class="m-3 inline-block">
                 <a
                   href={`/categories/${category}`}
-                  class="rounded bg-theme-light px-4 py-2 text-xl text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark"
+                  class="block rounded bg-theme-light px-4 py-2 text-xl text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark"
                 >
                   {humanize(category)}{" "}
                   <span class="ml-2 rounded bg-body px-2 dark:bg-darkmode-body">
diff --git a/src/pages/tags/index.astro b/src/pages/tags/index.astro
index ef8b3c4..b152d9f 100755
--- a/src/pages/tags/index.astro
+++ b/src/pages/tags/index.astro
@@ -14,15 +14,15 @@ const allTags = await getAllTaxonomy(blog_folder, "tags");
   <PageHeader title={"Tags"} />
   <section class="section">
     <div class="container text-center">
-      <ul class="space-x-4">
+      <ul>
         {
           tags.map((tag: any) => {
             const count = allTags.filter((c) => c === tag).length;
             return (
-              <li class="inline-block">
+              <li class="m-3 inline-block">
                 <a
                   href={`/tags/${tag}`}
-                  class="rounded bg-theme-light px-4 py-2 text-xl text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark"
+                  class="block rounded bg-theme-light px-4 py-2 text-xl text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark"
                 >
                   {humanize(tag)}{" "}
                   <span class="ml-2 rounded bg-body px-2 dark:bg-darkmode-body">