diff --git a/resources/js/components/BlogRecent.vue b/resources/js/components/BlogRecent.vue
index 371233f..89d9d96 100644
--- a/resources/js/components/BlogRecent.vue
+++ b/resources/js/components/BlogRecent.vue
@@ -19,6 +19,7 @@
                             {{ article.title }}
                         </h4>
                         <span class="article-date" :title="absDate(article.date)">{{ relDate(article.date) }}</span>
+                        <span class="article-published" v-if="!article.published">Unpublished</span>
                     </div>
                 </li>
             </ul>
diff --git a/resources/scss/_blog.scss b/resources/scss/_blog.scss
index f39d66a..5c1e964 100644
--- a/resources/scss/_blog.scss
+++ b/resources/scss/_blog.scss
@@ -68,13 +68,20 @@ section.blog {
           }
 
           .article-desc,
-          .article-date {
+          .article-date,
+          .article-published {
             display: block;
           }
 
           .article-date {
             color: darken($text-color, 15%);
           }
+
+          .article-published {
+            text-transform: uppercase;
+            font-size: 1rem;
+            color: red;
+          }
         }
       }
     }