diff --git a/assets/styles/blog.css b/assets/styles/blog.css
index 4fa4f5f..ab40f5a 100644
--- a/assets/styles/blog.css
+++ b/assets/styles/blog.css
@@ -1,5 +1,7 @@
 :root {
     --post-item-highlight-color: #efefef;
+
+    --blog-list-grid-template-columns: minmax(min-content, 10vh) minmax(min-content, 3vh) auto max-content max-content;
 }
 @media (prefers-color-scheme: dark) {
     :root {
@@ -31,7 +33,7 @@
     border-radius: 6px;
     display: grid;
     gap: 1rem;
-    grid-template-columns: minmax(min-content, 10vh) minmax(min-content, 3vh) auto max-content;
+    grid-template-columns: var(--blog-list-grid-template-columns);
     margin-block-end: 0.25rem;
     transition: background-color 0.25s;
 }
@@ -47,7 +49,7 @@
     .blog.list {
         display: grid;
         gap: 1rem;
-        grid-template-columns: minmax(min-content, 10vh) minmax(min-content, 3vh) auto max-content;
+        grid-template-columns: var(--blog-list-grid-template-columns);
     }
     .blog.list > ul {
         display: grid;
diff --git a/layouts/blog/li_grid_with_date.html b/layouts/blog/li_grid_with_date.html
index 1a1e99b..245f559 100644
--- a/layouts/blog/li_grid_with_date.html
+++ b/layouts/blog/li_grid_with_date.html
@@ -2,5 +2,10 @@
   <time class="nobreak" datetime="{{ .Date | time.Format "2006-01-02" }}">{{ .Date | time.Format "January" }}</time>
   <time class="nobreak" datetime="{{ .Date | time.Format "2006-01-02" }}">{{ .Date | time.Format "2" }}</time>
   <a href="{{ .Permalink }}">{{ .Title }}</a>
+  <div class="category">
+    {{ with index (.GetTerms "categories") 0 }}
+    <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
+    {{ end }}
+  </div>
   {{ partial "development/draft_tag.html" . }}
 </li>