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/__snapshots__/index.spec.tsx.snap b/src/common/components/trending-tags-card/__snapshots__/index.spec.tsx.snap index f832d8f460a..14c103f1b9e 100644 --- a/src/common/components/trending-tags-card/__snapshots__/index.spec.tsx.snap +++ b/src/common/components/trending-tags-card/__snapshots__/index.spec.tsx.snap @@ -80,10 +80,20 @@ exports[`(2) Selected tag 1`] = ` > hive
- ✖ + + +
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;