diff --git a/sass/_extra.scss b/sass/_extra.scss
index 2cf3c9d1..81fee603 100644
--- a/sass/_extra.scss
+++ b/sass/_extra.scss
@@ -45,6 +45,11 @@
     height: 256px;
 }
 
+.ui.cards > .card > .content > .header:not(.ui), .ui.card > .content > .header:not(.ui) {
+    display: inline-block;
+    margin-bottom: 0;
+}
+
 .ui.card > .image > img, .ui.cards > .card > .image > img {
     object-fit: cover;
     width: 100%;
diff --git a/templates/categories/macros.html b/templates/categories/macros.html
index 5d55b9c0..970b929b 100644
--- a/templates/categories/macros.html
+++ b/templates/categories/macros.html
@@ -82,7 +82,7 @@
     {% endif %}
 {% endif %}
 
-<li class="ui card{% if archived %} archived{% endif %}" aria-label="{{ name }}">
+<li class="ui card{% if archived %} archived{% endif %}">
     {% if item.image %}
          {% if primary_url %}
             <a class="image" href="{{ primary_url }}">
@@ -98,6 +98,14 @@
     {% endif %}
 
     <div class="content">
+        <h3 class="header">
+            {% if primary_url %}
+                <a href="{{ primary_url }}">{{ name }}</a>
+            {% else %}
+                {{ name }}
+            {% endif %}
+        </h3>
+
         <a class="right floated" href="#{{ name | slugify }}" id="{{ name | slugify }}" aria-label="Permanent link for {{ name }}">
             <i class="hashtag icon" aria-hidden="true"></i>
         </a>
@@ -120,14 +128,6 @@
             </a>
         {% endif %}
 
-        <div class="header">
-            {% if primary_url %}
-                <a href="{{ primary_url }}">{{ name }}</a>
-            {% else %}
-                {{ name }}
-            {% endif %}
-        </div>
-
         <div class="meta">
             {% for category in item.categories %}
                 {% set category_data = get_page(path="." ~ section.path ~ category ~ ".md") %}