diff --git a/themes/nav/components/BlogPostCard.js b/themes/nav/components/BlogPostCard.js
index 127e2480..2d48f967 100755
--- a/themes/nav/components/BlogPostCard.js
+++ b/themes/nav/components/BlogPostCard.js
@@ -7,7 +7,8 @@ import React from 'react'
 const BlogPostCard = ({ post, className }) => {
   const router = useRouter()
   const currentSelected = router.asPath.split('?')[0] === '/' + post.slug
-  const pageIcon = post.pageIcon.indexOf("amazonaws.com")!=-1 ? post.pageIcon+"&width=88" : post.pageIcon
+  let pageIcon = post.pageIcon !== '' ? post.pageIcon : BLOG.IMG_LAZY_LOAD_PLACEHOLDER
+  pageIcon = post.pageIcon.indexOf("amazonaws.com")!=-1 ? post.pageIcon+"&width=88" : post.pageIcon
   return (
     <Link href={`${removeHttp(post.slug)}`} target={(checkRemoveHttp(post.slug) ? '_blank' : '_self')} passHref>
         <div key={post.id} className={`${className} h-full rounded-lg p-4 dark:bg-neutral-800 cursor-pointer bg-white hover:bg-white rounded-2xl dark:hover:bg-gray-800 ${currentSelected ? 'bg-green-50 text-green-500' : ''}`}>
diff --git a/themes/nav/style.js b/themes/nav/style.js
index 1630a910..9bc0c238 100755
--- a/themes/nav/style.js
+++ b/themes/nav/style.js
@@ -84,6 +84,10 @@ const Style = () => {
     .card:hover {
         box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
     }
+    .card .stack-entry>img{
+        width:40px;
+        height:40px;
+    }
     .notion-gallery-grid {
         padding-left: 4px;
         padding-right: 4px;