diff --git a/sass/style.scss b/sass/style.scss
index ec8e01a..b1150d3 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -114,6 +114,10 @@ main.main-content {
   text-decoration: none;
 }
 
+.recent-posts .post-summary {
+  margin-bottom: 2.5em;
+}
+
 .post-date {
   font-size: 10pt;
 }
diff --git a/templates/index.html b/templates/index.html
index cee0169..84f13c0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,6 +16,7 @@
 <h2>Recent Posts</h2>
 {% set blog = get_section(path="blog/_index.md") %}
 {% for page in blog.pages | slice(end=3) %}
+<div class="post-summary">
 <h3 class="post-title"><a href="{{ page.path }}">{{ page.title }}</a></h3>
 <div class="post-date">
 <time datetime="{{ page.date }}">{{ page.date | date(format="%b %d") }}</time>
@@ -25,6 +26,7 @@
 {% else %}
 <p>{{ page.content | striptags | split(pat=" ") | slice(end=20) | join(sep=" ") | safe }}{% if page.word_count > 20 %}…{% endif %}</p>
 {% endif %}
+</div>
 {% endfor %}
 </div>
 </section>