diff --git a/components/BlogCard.vue b/components/BlogCard.vue
index 369cbf6..9da4f36 100644
--- a/components/BlogCard.vue
+++ b/components/BlogCard.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="space-y-2 my-5 group">
-    <h3 class="text-xl text-slate-800 font-semibold group-hover:text-sky-500">
+  <div class="space-y-2 my-5 text-slate-800 group">
+    <h3 class="text-xl font-semibold group-hover:text-sky-500">
       This is a blog title
     </h3>
-    <p class="text-slate-700">
+    <p class="text-slate-600">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, deserunt
       esse tenetur iusto dolor unde. Aliquam quidem ab qui velit?
     </p>