diff --git a/src/common/components/comment/__snapshots__/index.spec.tsx.snap b/src/common/components/comment/__snapshots__/index.spec.tsx.snap
index aaa5cf63152..9424b23b046 100644
--- a/src/common/components/comment/__snapshots__/index.spec.tsx.snap
+++ b/src/common/components/comment/__snapshots__/index.spec.tsx.snap
@@ -220,7 +220,7 @@ exports[`(1) Default render 1`] = `
diff --git a/src/common/components/trending-tags-card/index.tsx b/src/common/components/trending-tags-card/index.tsx
index f03e0b946a1..3d8a2374122 100644
--- a/src/common/components/trending-tags-card/index.tsx
+++ b/src/common/components/trending-tags-card/index.tsx
@@ -12,6 +12,7 @@ import { _t } from "../../i18n";
import _c from "../../util/fix-class-names";
import { ActiveUser } from "../../store/active-user/types";
import "./_index.scss";
+import { UilMultiply } from "@iconscout/react-unicons";
interface Props {
history: History;
@@ -75,14 +76,14 @@ export class TrendingTagsCard extends Component {
{t}
{global.tag === t && (
{
e.stopPropagation();
e.preventDefault();
this.handleUnselection();
}}
>
- ✖
+
)}
diff --git a/src/style/_mixins.scss b/src/style/_mixins.scss
index 98e0c1282dc..784f0f5426c 100644
--- a/src/style/_mixins.scss
+++ b/src/style/_mixins.scss
@@ -566,7 +566,9 @@
.tag-list-item {
border-radius: 25px;
cursor: pointer;
- display: table;
+ display: flex;
+ align-items: center;
+ justify-content: center;
margin-bottom: 8px;
padding: 4px 8px;
text-decoration: none;