diff --git a/quartz/components/RecentNotes.tsx b/quartz/components/RecentNotes.tsx
index 291e7c117143e..f5ba22274bc51 100644
--- a/quartz/components/RecentNotes.tsx
+++ b/quartz/components/RecentNotes.tsx
@@ -34,12 +34,13 @@ export default ((userOpts?: Partial<Options>) => {
           {pages.slice(0, opts.limit).map((page) => {
             const title = page.frontmatter?.title
             const tags = page.frontmatter?.tags ?? []
+            const status = page.frontmatter?.status ?? ""
 
             return (
               <li class="recent-li">
                 <div class="section">
                   <div class="desc">
-                    <h4>
+                    <h4 status={status}>
                       <a href={resolveRelative(fileData.slug!, page.slug!)} class="internal">
                         {title}
                       </a>