diff --git a/src/components/BlogPost.astro b/src/components/BlogPost.astro
index 01ddab4..3f0fab4 100644
--- a/src/components/BlogPost.astro
+++ b/src/components/BlogPost.astro
@@ -4,7 +4,7 @@ const { url, title, description } = Astro.props;
 <!-- <li class="text-xl"><a href={url}>{title}</a></li> -->
 <a href={url}>
     <div
-        class="w-full bg-default transition-all  border-transparent rounded-lg shadow-sm p-7 hover:!border-neutral-200/60 lg:hover:bg-secondary">
+        class="w-full bg-default transition-all border border-transparent rounded-lg shadow-sm p-7 hover:!border-neutral-200/60 lg:hover:bg-secondary">
         <a href={url} class="block mb-3">
             <h5 class="text-xl font-bold leading-none tracking-tight text-primary">{title}</h5>
         </a>