diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk
index 8fd3438..0ffe807 100644
--- a/src/_includes/layouts/home.njk
+++ b/src/_includes/layouts/home.njk
@@ -32,7 +32,7 @@ bodyClass: c-home
                             <div class="c-card__info">
                                 <div>
                                     {% for tag in recipe.data.tags %}
-                                        {{ tag | onlyEmoji | safe }}
+                                        <abbr class="c-card__tag-abbr" title="{{ tag | noEmoji }}">{{ tag | onlyEmoji }}</abbr>
                                     {% endfor %}
                                 </div>
                                 {% if recipe.data.time %}
diff --git a/src/_includes/layouts/recipes-list.njk b/src/_includes/layouts/recipes-list.njk
index 9eb7fa9..4db92be 100644
--- a/src/_includes/layouts/recipes-list.njk
+++ b/src/_includes/layouts/recipes-list.njk
@@ -19,7 +19,7 @@
                                 <div class="c-card__info">
                                     <div>
                                         {% for tag in recipe.data.tags %}
-                                            {{ tag | onlyEmoji | safe }}
+                                            <abbr class="c-card__tag-abbr" title="{{ tag | noEmoji }}">{{ tag | onlyEmoji }}</abbr>
                                         {% endfor %}
                                     </div>
                                     {% if recipe.data.time %}
diff --git a/src/scss/components/_card.scss b/src/scss/components/_card.scss
index 84d215a..41cb467 100644
--- a/src/scss/components/_card.scss
+++ b/src/scss/components/_card.scss
@@ -46,6 +46,10 @@
     background-color: var(--color-primary);
 }
 
+.c-card__tag-abbr {
+    text-decoration: none;
+}
+
 .c-card__tag-first-letter {
     width: 22px;
     height: 22px;