diff --git a/nummi/main/static/main/css/index.css b/nummi/main/static/main/css/index.css
index 93d6df1..712c4ac 100644
--- a/nummi/main/static/main/css/index.css
+++ b/nummi/main/static/main/css/index.css
@@ -13,9 +13,8 @@ h1 img {
 }
 
 #categories > a {
-	margin-right: var(--gap);
-	margin-bottom: var(--gap);
 	display: inline-block;
+	padding: 1em;
 }
 #categories > a > i {
 	margin-right: .5rem;
diff --git a/nummi/main/templates/main/index.html b/nummi/main/templates/main/index.html
index 6dd6534..d7c9053 100644
--- a/nummi/main/templates/main/index.html
+++ b/nummi/main/templates/main/index.html
@@ -14,17 +14,22 @@
 {% block body %}
     {% if transactions %}
         <h2>
-            {% translate "Transactions" %} <a href="{% url "transactions" %}"><i class="fa fa-magnifying-glass-plus"></i></a>
+            {% translate "Transactions" %}
+            <a href="{% url "transactions" %}">
+                <i class="fa fa-magnifying-glass-plus"></i>
+            </a>
         </h2>
         {% transaction_table transactions %}
     {% endif %}
     {% if categories %}
         <h2>{% translate "Categories" %}</h2>
-        <div id="categories">
-            {% for cat in categories %}
-                <a href="{% url 'category' cat.id %}"><i class="fa fa-{{ cat.icon }}"></i>{{ cat }}</a>
-            {% endfor %}
-        </div>
+        {% spaceless %}
+            <div id="categories">
+                {% for cat in categories %}
+                    <a href="{% url 'category' cat.id %}"><i class="fa fa-{{ cat.icon }}"></i>{{ cat }}</a>
+                {% endfor %}
+            </div>
+        {% endspaceless %}
     {% endif %}
     {% if snapshots %}
         <h2>{% translate "Snapshots" %}</h2>