diff --git a/source/_partials/blog/post-summary.html.twig b/source/_partials/blog/post-summary.html.twig
index 546004d3..794d2e3d 100644
--- a/source/_partials/blog/post-summary.html.twig
+++ b/source/_partials/blog/post-summary.html.twig
@@ -1,14 +1,13 @@
-<h2 class="text-2xl mb-1">{{ post.draft ? 'Draft: '|upper }}{{ post.title }}</h2>
+<div class="markup">
+    <a href="{{ post.url }}" class="text-black focus:text-white block">
+        <h2 class="text-inherit text-2xl mt-0 mb-1">{{ post.draft ? 'Draft: '|upper }}{{ post.title }}</h2>
+    </a>
 
-<p class="text-sm text-grey-dark mb-4">Posted on {{ post.date|date('jS F Y') }}</p>
+    <p class="text-sm text-grey-dark mb-4">Posted on {{ post.date|date('jS F Y') }}</p>
+</div>
 
 {% include 'post/intro-image' with { page: post } %}
 
 <div class="markup mb-4">
     <p>{{ post.excerpt }}</p>
 </div>
-
-<a href="{{ post.url }}" class="button">
-    Read more
-    <span class="visuallyhidden">about {{ post.title }}</span>
-</a>
diff --git a/source/blog.html b/source/blog.html
index 18e0cfe1..7a6efc7a 100644
--- a/source/blog.html
+++ b/source/blog.html
@@ -4,9 +4,9 @@ title: Blog
 use: [posts]
 ---
 {% block content %}
-    <ul class="list-reset -mt-2 -mx-4">
+    <ul class="list-reset -mt-4 -mx-4">
         {% for post in data.posts %}
-            <li class="p-4 mb-12 {{ post.draft ? 'bg-blue-lighter' }}">
+            <li class="p-4 mb-10 {{ post.draft ? 'bg-blue-lighter' }}">
                 {% include 'blog/post-summary' %}
             </li>
         {% endfor %}