diff --git a/components/CategoryCard.vue b/components/CategoryCard.vue
index d2e09d9..dd65877 100644
--- a/components/CategoryCard.vue
+++ b/components/CategoryCard.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="bg-white mx-5 my-2 p-6 rounded-md shadow-lg group text-slate-800">
+  <div
+    class="basis-1/5 bg-white mx-5 my-2 p-5 rounded-md shadow-lg max-w-[530px] group text-slate-800"
+  >
     <nuxt-link to="/category/js" class="group-hover:text-sky-500">
       <div class="flex items-center">
         <h4 class="text-2xl font-medium py-1">Typescript</h4>
diff --git a/components/LatestBlogCard.vue b/components/LatestBlogCard.vue
index f1995b8..558667c 100644
--- a/components/LatestBlogCard.vue
+++ b/components/LatestBlogCard.vue
@@ -9,7 +9,9 @@ const props = defineProps({
 </script>
 
 <template>
-  <div class="bg-white mx-5 my-2 p-5 max-w-[530px] rounded-md shadow-lg group">
+  <div
+    class="basis-1/2 bg-white mx-5 my-2 p-5 max-w-[530px] rounded-md shadow-lg group"
+  >
     <nuxt-link :to="path" class="group-hover:text-sky-500">
       <h4 class="text-xl font-medium py-1">{{ title }}</h4>
     </nuxt-link>
diff --git a/pages/tags/index.vue b/pages/tags/index.vue
index 4a13435..6bcd977 100644
--- a/pages/tags/index.vue
+++ b/pages/tags/index.vue
@@ -11,7 +11,7 @@ const { data } = await useAsyncData("home", () => queryContent("/").find());
       ALL TAGS
     </h1>
     <div class="flex justify-start flex-wrap">
-      <category-card v-for="n in 19" :key="n" />
+      <category-card v-for="n in 20" :key="n" />
     </div>
   </div>
 </template>