diff --git a/media/css/index.css b/media/css/index.css
index aa46388..b01de23 100644
--- a/media/css/index.css
+++ b/media/css/index.css
@@ -57,6 +57,10 @@ blockquote {
   grid-template-columns: 1fr 6fr;
 }
 
+.post-date {
+  min-width: 6em;
+}
+
 /* nav
  ****************************************/
 .nav {
diff --git a/templates/posts.html b/templates/posts.html
index 5525ece..923f20b 100644
--- a/templates/posts.html
+++ b/templates/posts.html
@@ -8,7 +8,7 @@
   <h1>Latest Posts</h1>
   {% for post in posts %}
     <div class="post-list-item">
-      <span>{{post.date}}</span>
+      <span class="post-date">{{post.date}}</span>
       <span><a href="{{post.url()}}">{{post.title}}</a></span>
     </div>
   {% endfor %}