diff --git a/components/topBlogs.tsx b/components/topBlogs.tsx
index e4af3bf6..2ed435a0 100644
--- a/components/topBlogs.tsx
+++ b/components/topBlogs.tsx
@@ -7,8 +7,8 @@ const TopBlogs = ({ communityPosts, technologyPosts }) => {
   return (
     <section className="py-12 px-4 md:px-8 lg:px-16 ">
       <div className="mb-16">
-        <h3 className="text-center lg:text-left bg-gradient-to-r from-orange-200 to-orange-100 bg-[length:100%_20px] bg-no-repeat bg-left-bottom w-max mb-6 text-3xl lg:text-4xl heading1 md:text-4xl font-bold tracking-tighter leading-tight mt-16">
-        Recent Technology Blogs
+        <h3 className="relative text-center lg:text-left bg-gradient-to-r from-orange-200 to-orange-100 bg-[length:100%_20px] bg-no-repeat bg-left-bottom w-max mb-6 text-3xl lg:text-4xl heading1 md:text-4xl font-bold tracking-tighter leading-tight mt-16">
+          Recent Technology Blogs
           <span className="absolute left-0 bottom-0 w-16 h-1 bg-gradient-to-r from-orange-400 to-orange-600"></span>
         </h3>
 
@@ -49,8 +49,8 @@ const TopBlogs = ({ communityPosts, technologyPosts }) => {
       </div>
 
       <div>
-        <h3 className="text-center lg:text-left bg-gradient-to-r from-orange-200 to-orange-100 bg-[length:100%_20px] bg-no-repeat bg-left-bottom w-max mb-6 text-3xl lg:text-4xl heading1 md:text-4xl font-bold tracking-tighter leading-tight mt-16">
-         Recent Community Blogs
+        <h3 className="relative text-center lg:text-left bg-gradient-to-r from-orange-200 to-orange-100 bg-[length:100%_20px] bg-no-repeat bg-left-bottom w-max mb-6 text-3xl lg:text-4xl heading1 md:text-4xl font-bold tracking-tighter leading-tight mt-16">
+          Recent Community Blogs
           <span className="absolute left-0 bottom-0 w-16 h-1 bg-gradient-to-r from-orange-400 to-orange-600"></span>
         </h3>