diff --git a/static/css/styles.css b/static/css/styles.css
index d0ecb24..4293dd9 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -8,6 +8,9 @@
     --body-lighter: #2a2c3b;
     --link-col: #7aa2f7;
     --hover-col: #2d467c;
+    --success: lightblue;
+    --warning: rgb(255, 161, 107);
+    --error: #f65f5f;
     --form-border: 1px dotted var(--link-col);
     --solid-border: 1px solid var(--link-col);
     --text-col: #e5e9f0;
diff --git a/views/dashboard.eta b/views/dashboard.eta
index 684a8fe..802cd32 100644
--- a/views/dashboard.eta
+++ b/views/dashboard.eta
@@ -16,7 +16,15 @@
             <div class="post-container">
                 <div class="number"><%= array.length - index %></div>
                 <div class="post">
-                    <span><strong><%= post.title %></strong> <a href="/write/<%= post.uuid %>">Edit</a></span>
+                    <span>
+                        <strong><%= post.title %></strong> 
+                        <a href="/write/<%= post.uuid %>">Edit</a> 
+                        <% if (post.published_at) { %>
+                            <span class="published">(Published!)</span>
+                        <% } else { %>
+                            <span class="draft">(Draft)</span>
+                        <% } %>
+                        </span>
                     <p><%~ utils.md(utils.truncate(post.content, 100)).remove_tags %></p>
                 </div>
             </div>
@@ -30,7 +38,7 @@
 </div>
 <style>
     :root {
-        --number-height: 10vh;
+        --number-height: 4em;
         --number-height-padded: calc(var(--number-height) + var(--gap));
     }
 
@@ -82,10 +90,18 @@
             flex-shrink: 0;
             justify-content: center;
             align-items: center;
-            font-size: 10vh;
+            font-size: var(--number-height);
             background-color: var(--body-lighter);
             border-right: 1px dashed var(--text-col);
         }
+
+        .draft {
+            color: var(--warning);
+        }
+
+        .published {
+            color: var(--success);
+        }
     }
 
     .posts {