Activer les bannières de catégorie entraîne des icônes de catégorie en double

Je ne connais pas très bien la mise en page en grille. Cela dit…

Si vous n’affichez pas du tout les descriptions de catégorie, vous pouvez remplacer

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title"
        "logo description";
    grid-template-columns: auto 1fr;
}

par

.category-title-contents {
    display: grid;
    grid-template-areas:
        "logo title";
    grid-template-columns: auto 1fr;
}

La mise en page d’origine divise le conteneur en 4 cellules, ce qui désaligne le titre :

Supprimer la zone « logo description » en fait 2 cellules :

Ce qui vous permet d’aligner verticalement le titre en remplaçant :

.category-title-contents .category-title {
    grid-area: title;
    align-self: end;
}

par

.category-title-contents .category-title {
    grid-area: title;
    align-self: center;
}