diff --git a/apps/next/src/components/Blog/Card/Card.tsx b/apps/next/src/components/Blog/Card/Card.tsx
index 8bcaca50..76a8ef4e 100644
--- a/apps/next/src/components/Blog/Card/Card.tsx
+++ b/apps/next/src/components/Blog/Card/Card.tsx
@@ -21,7 +21,9 @@ export default function BlogCard({
             </span>
           )}
           <div className="font-bold text-xl">{title}</div>
-          <div className="text-gray-700">{info}</div>
+          <div className="text-gray-700 h-[72px] overflow-hidden text-ellipsis  ">
+            {info}
+          </div>
           <div className="flex items-center gap-3 pt-2">
             <div className="bg-black w-[40px] h-[40px] rounded-full"></div>
             <div>
diff --git a/apps/next/src/pages/blog/index.tsx b/apps/next/src/pages/blog/index.tsx
index 9317769d..2a0359fa 100644
--- a/apps/next/src/pages/blog/index.tsx
+++ b/apps/next/src/pages/blog/index.tsx
@@ -25,7 +25,7 @@ const dummyData = [
     id: 3,
     title: "Our first office",
     readTime: "16 min",
-    info: "Over the past year, Volosoft has undergone many changes! After months of preparation and some hard work, we moved to our new office.",
+    info: "Over the past year, Volosoft has undergone many changes! After months of preparation and some hard work, we moved to our new office.Over the past year, Volosoft has undergone many changes! After months of preparation and some hard work, we moved to our new office.",
     blogType: "Article",
     userName: "Jese Leos",
     date: "Aug 15, 2021",
@@ -46,7 +46,7 @@ export default function Blog() {
     <MainLayout>
       <div className="flex justify-center">
         <div className="px-4 gap-4 grid grid-cols-6  w-[1200px]">
-          <div className="text-xl font-semibold col-span-6 pt-7">
+          <div className="text-3xl font-bold col-span-6 pt-7 flex justify-center mb-10">
             Wordigo Blog
           </div>
           {dummyData.map((blog) => {