diff --git a/templates/blog_index.html b/templates/blog_index.html
index 1e396789..638fadf2 100644
--- a/templates/blog_index.html
+++ b/templates/blog_index.html
@@ -1,16 +1,20 @@
 {% extends "base.html" %}
 
 {% block content %}
-<h1>{{ page.title }}</h1>
+<div class="container">
+    <h1 class="title">{{ page.title }}</h1>
 
-<ul>
-{% for section in sections %}
-    {% for page in section.pages %}
-    <li>
-        <a href="{{ page.permalink }}">{{ page.title }}</a><br>
-        {{ page.date | date(format="long") }}
-    </li>
-    {% endfor %}
-{% endfor %}
-</ul>
+    <div class="content">
+        <ul>
+        {% for section in sections %}
+            {% for page in section.pages %}
+            <li>
+                <a class="has-text-link" href="{{ page.permalink }}">{{ page.title }}</a><br>
+                <small class="has-text-grey">{{ page.date | date(format="long") }}</small>
+            </li>
+            {% endfor %}
+        {% endfor %}
+        </ul>
+    </div>
+</div>
 {% endblock content %}