diff --git a/components/main/recent.vue b/components/main/recent.vue
index a26d606..ea3dfb8 100644
--- a/components/main/recent.vue
+++ b/components/main/recent.vue
@@ -38,9 +38,9 @@ useHead({
     <div class="px-6">
       <div class="flex flex-row items-center space-x-3 pt-5 pb-3">
         <Icon name="mdi:star-three-points-outline" size="2em" class="text-black" />
-        <h3 class="text-4xl font-semibold text-black ">
+        <h2 class="text-4xl font-semibold text-black ">
           Recent Post
-        </h3>
+        </h2>
       </div>
     </div>
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
diff --git a/components/main/trending.vue b/components/main/trending.vue
index 455ae46..8a1c832 100644
--- a/components/main/trending.vue
+++ b/components/main/trending.vue
@@ -38,9 +38,9 @@ useHead({
     <div class="px-6">
       <div class="flex flex-row items-center space-x-3 pt-5 pb-3">
         <Icon name="mdi:star-three-points-outline" size="2em" class="text-black" />
-        <h3 class="text-4xl font-semibold text-black ">
+        <h2 class="text-4xl font-semibold text-black ">
           Trending Post
-        </h3>
+        </h2>
       </div>
     </div>
     <div class="grid grid-cols-1 ">