diff --git a/components/CategoryCard.vue b/components/CategoryCard.vue
index edad0c9..471e25d 100644
--- a/components/CategoryCard.vue
+++ b/components/CategoryCard.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="bg-white mx-5 my-2 p-6 min-w-[530px] rounded-md shadow-lg">
+  <div class="bg-white mx-5 my-2 p-6 rounded-md shadow-lg">
     <nuxt-link to="/category/js" class="hover:underline">
       <div class="flex items-center">
-        <h4 class="text-2xl text-slate-800 font-medium py-1">VUe</h4>
+        <h4 class="text-2xl text-slate-800 font-medium py-1">Typescript</h4>
       </div>
     </nuxt-link>
 
diff --git a/pages/category/index.vue b/pages/category/index.vue
index 74c6c66..5988428 100644
--- a/pages/category/index.vue
+++ b/pages/category/index.vue
@@ -10,8 +10,8 @@ const { data } = await useAsyncData("home", () => queryContent("/").find());
     <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
       ALL CATEGORY
     </h1>
-    <div class="flex justify-between flex-wrap">
-      <category-card v-for="n in 20" :key="n" />
+    <div class="flex justify-start flex-wrap">
+      <category-card v-for="n in 19" :key="n" />
     </div>
   </div>
 </template>