diff --git a/components/templates/TheHeader.vue b/components/templates/TheHeader.vue
index c1c1714..b927add 100644
--- a/components/templates/TheHeader.vue
+++ b/components/templates/TheHeader.vue
@@ -98,7 +98,16 @@ export default class TheHeader extends Vue {
     {
       title: 'Blog',
       link: '/blog',
-      subMenu: []
+      subMenu: [
+        {
+          title: 'Tất cả bài viết',
+          link: '/blog'
+        },
+        {
+          title: 'Bài viết theo chủ đề',
+          link: '/tags'
+        }
+      ]
     },
     {
       title: 'eHandy Teams',
diff --git a/content/blog/2020/a-blue-bird.md b/content/blog/2020/a-blue-bird.md
index bbf5d35..26fc0fa 100644
--- a/content/blog/2020/a-blue-bird.md
+++ b/content/blog/2020/a-blue-bird.md
@@ -2,7 +2,7 @@
 title: How to code
 description: 'Empower your NuxtJS application with @nuxt/content module: write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS.'
 image: 'http://placekitten.com/g/1920/1080'
-tags: ['VueJS', 'Nuxt']
+tags: ['VueJS', 'Nuxt', 'Frontend']
 published: '2020-02-12'
 ---
 
diff --git a/content/blog/2020/optimize-your-website.md b/content/blog/2020/optimize-your-website.md
index 2d24043..78c30b8 100644
--- a/content/blog/2020/optimize-your-website.md
+++ b/content/blog/2020/optimize-your-website.md
@@ -2,7 +2,7 @@
 title: Optimize your website
 description: 'Empower your NuxtJS application with @nuxt/content module: write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS.'
 image: 'http://placekitten.com/g/1920/1080'
-tags: ['VueJS', 'Nuxt']
+tags: ['NodeJs', 'Nuxt', 'Optimize']
 published: '2020-03-30'
 ---
 
diff --git a/content/blog/2020/vue/deep-folder.md b/content/blog/2020/vue/deep-folder.md
index 43d55aa..98a1c19 100644
--- a/content/blog/2020/vue/deep-folder.md
+++ b/content/blog/2020/vue/deep-folder.md
@@ -2,7 +2,7 @@
 title: Deep folder Vue 
 description: 'Empower your NuxtJS application with @nuxt/content module: write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS.'
 image: 'http://placekitten.com/g/1920/1080'
-tags: ['VueJS']
+tags: ['vuejs']
 published: '2020-01-12'
 ---
 
diff --git a/content/blog/2021/first-blog-post-ehandy copy.md b/content/blog/2021/first-blog-post-ehandy copy.md
index a3bddcf..599e862 100644
--- a/content/blog/2021/first-blog-post-ehandy copy.md	
+++ b/content/blog/2021/first-blog-post-ehandy copy.md	
@@ -2,7 +2,7 @@
 title: Fisrt Blog Post eHandy
 description: 'Empower your NuxtJS application with @nuxt/content module: write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS.'
 image: 'http://placekitten.com/g/1920/1080'
-tags: ['VueJS', 'Nuxt']
+tags: ['Share', 'Nuxt']
 published: '2021-01-30'
 ---
 
diff --git a/content/blog/2021/how-to-code.md b/content/blog/2021/how-to-code.md
index 4c504d9..ce4647e 100644
--- a/content/blog/2021/how-to-code.md
+++ b/content/blog/2021/how-to-code.md
@@ -2,7 +2,7 @@
 title: Fisrt Blog Post eHandy
 description: 'Empower your NuxtJS application with @nuxt/content module: write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS.'
 image: 'http://placekitten.com/g/1920/1080'
-tags: ['VueJS', 'Nuxt']
+tags: ['Node', 'Nuxt']
 published: '2021-03-30'
 ---
 
diff --git a/content/blog/2021/placeholder-image-shopify.md b/content/blog/2021/placeholder-image-shopify.md
index fe44b55..6681f3d 100644
--- a/content/blog/2021/placeholder-image-shopify.md
+++ b/content/blog/2021/placeholder-image-shopify.md
@@ -2,7 +2,7 @@
 title: Placeholder image shopify
 description: 'Empower your NuxtJS application with @nuxt/content module: write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS.'
 image: 'http://placekitten.com/g/1920/1080'
-tags: ['VueJS', 'Nuxt']
+tags: ['Fun', 'Nuxt']
 published: '2021-05-30'
 ---
 
diff --git a/content/blog/2021/shopify-partner.md b/content/blog/2021/shopify-partner.md
index 30ee600..5aba110 100644
--- a/content/blog/2021/shopify-partner.md
+++ b/content/blog/2021/shopify-partner.md
@@ -2,7 +2,7 @@
 title: Shopify partner
 description: 'Empower your NuxtJS application with @nuxt/content module: write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS.'
 image: 'http://placekitten.com/g/1920/1080'
-tags: ['VueJS', 'Nuxt']
+tags: ['VueJS', 'Shopify']
 published: '2022-06-30'
 ---
 
diff --git a/pages/tags/index.vue b/pages/tags/index.vue
index 28a3677..993aa62 100644
--- a/pages/tags/index.vue
+++ b/pages/tags/index.vue
@@ -1,16 +1,20 @@
 <template>
   <section>
-    <h1>All tag</h1>
-    <ul>
-      <li v-for="tag in tags" :key="tag" class="text-center mb-2">
-        <nuxt-link
-          :to="{ name: 'tags-tag', params: { tag: tag.toLowerCase() } }"
-          class="text-4xl hover:underline"
-        >
-          {{ tag }}
-        </nuxt-link>
-      </li>
-    </ul>
+    <div class="container">
+      <h1 class="title is-3 mt-3 mb-3 is-flex is-justify-content-center is-align-items-center">
+        All Tags
+      </h1>
+      <ul class="columns">
+        <li v-for="tag in tags" :key="tag" class="column">
+          <nuxt-link
+            :to="{ name: 'tags-tag', params: { tag: tag.toLowerCase() } }"
+            class="text-4xl hover:underline"
+          >
+            {{ tag }}
+          </nuxt-link>
+        </li>
+      </ul>
+    </div>
   </section>
 </template>