diff --git a/customize.dist/src/less2/include/tokenfield.less b/customize.dist/src/less2/include/tokenfield.less
index 03ec82ff1..c7f990778 100644
--- a/customize.dist/src/less2/include/tokenfield.less
+++ b/customize.dist/src/less2/include/tokenfield.less
@@ -101,6 +101,11 @@
                 &:hover {
                     color: contrast(@cp_token-fg, darken(@cp_token-fg, 10%), lighten(@cp_token-fg, 10%));
                 }
+                svg {
+                    width: 1rem;
+                    height: 1rem;
+                    margin: 0;
+                }
             }
         }
         .token-input {
diff --git a/www/common/common-icons.js b/www/common/common-icons.js
index 87251b1e6..0a46d7317 100644
--- a/www/common/common-icons.js
+++ b/www/common/common-icons.js
@@ -66,6 +66,7 @@ define([
         "touch-mode": "hand",
         "kanban-add-top": "cp-kanban-add-top",
         "kanban-add-bottom": "cp-kanban-add-bottom",
+        "delete-token": "x",
         // Doc
         "doc": "cp-file-oo-document",
         // Sheet
diff --git a/www/common/common-interface.js b/www/common/common-interface.js
index 4fac45685..45a71abaa 100644
--- a/www/common/common-interface.js
+++ b/www/common/common-interface.js
@@ -340,7 +340,7 @@ define([
                 if (!$tokens.length) {
                     $container.prepend(h('span.tokenfield-empty', Messages.kanban_noTags));
                 }
-                $tokens.find('.close').attr('tabindex', 0).on('keydown', e => {
+                $tokens.find('.close').attr('tabindex', 0).empty().append(Icons.get('delete-token')).on('keydown', e => {
                     e.stopPropagation();
                 });
                 $tokens.find('.token-label').attr('tabindex', 0).on('keydown', function (e) {