diff --git a/.github/workflows/pages-deployment.yml b/.github/workflows/pages-deployment.yml
index 9b8ce09b..a29f4958 100644
--- a/.github/workflows/pages-deployment.yml
+++ b/.github/workflows/pages-deployment.yml
@@ -38,7 +38,13 @@ jobs:
             ${{ runner.os }}-lfs-
       - name: Git LFS Pull
         run: git lfs pull
-      - name: Build / Cypress E2E test
+      - name: Build for Production (main) branch
+        if: github.ref == 'refs/heads/main'
+        run: |
+          pnpm install --frozen-lockfile
+          pnpm build
+      - name: Build for Non-production (other) branch
+        if: github.ref != 'refs/heads/main'
         uses: cypress-io/github-action@v6
         with:
           build: pnpm build:staging
diff --git a/src/components/post/CategoryList.astro b/src/components/post/CategoryList.astro
index a0a55753..1bf581a1 100644
--- a/src/components/post/CategoryList.astro
+++ b/src/components/post/CategoryList.astro
@@ -9,7 +9,7 @@ const CategoryElement = categoryHref ? 'a' : 'div';
 
 <CategoryElement
   data-astro-prefetch
-  class="p-1 relative mr-4 whitespace-nowrap capitalize opacity-60 hover:opacity-100"
+  class="p-1.5 relative mr-4 whitespace-nowrap capitalize opacity-60 hover:opacity-100"
   {...categoryHref && {
     href: categoryHref,
   }}
diff --git a/src/components/post/TagsList.astro b/src/components/post/TagsList.astro
index d86fc2be..bfbf893a 100644
--- a/src/components/post/TagsList.astro
+++ b/src/components/post/TagsList.astro
@@ -10,13 +10,14 @@ const { tags, tagHrefs } = Astro.props;
   {
     tagHrefs ? tagHrefs.map((href, index) => (
       <li data-cy="tag">
-        <a data-cy="tag-link" data-astro-prefetch class="p-1 inline-block capitalize opacity-60 hover:opacity-100" {href}>
+        <a data-cy="tag-link" data-astro-prefetch class="p-1.5 inline-block capitalize opacity-60 hover:opacity-100" {href}>
+        <a data-astro-prefetch class="p-1.5 inline-block capitalize opacity-60 hover:opacity-100" {href}>
           <span>#</span> <span data-pagefind-filter="tag">{tags[index]}</span>
         </a>
       </li>
     )) : tags.map((tag) => (
       <li data-cy="tag">
-        <span class="p-1 inline-block capitalize opacity-60 hover:opacity-100">
+        <span class="p-1.5 inline-block capitalize opacity-60 hover:opacity-100">
           <span>#</span> <span data-pagefind-filter="tag">{tag}</span>
         </span>
       </li>