From e9d7182f3fa7d8b12f5c1975cc8cfd13b7442937 Mon Sep 17 00:00:00 2001
From: malachi-crain <malachicrain@gmail.com>
Date: Thu, 26 Dec 2024 13:54:34 -0500
Subject: [PATCH] fix(stats): use unicode explicit icon

---
 stats/src/components/track_row.tsx | 11 +++++++----
 stats/src/styles/app.scss          |  3 +++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/stats/src/components/track_row.tsx b/stats/src/components/track_row.tsx
index f7fa569..7a76e44 100644
--- a/stats/src/components/track_row.tsx
+++ b/stats/src/components/track_row.tsx
@@ -16,10 +16,13 @@ const ArtistLink = ({ name, uri, index, length }: { name: string; uri: string; i
 const ExplicitBadge = React.memo(() => {
 	return (
 		<>
-			<span className="TypeElement-ballad-textSubdued-type main-trackList-rowBadges" data-encore-id="type">
-				<span aria-label="Explicit" className="main-tag-container" title="Explicit">
-					E
-				</span>
+			<span
+				className="TypeElement-ballad-textSubdued-type main-trackList-rowBadges"
+				data-encore-id="type"
+				aria-label="Explicit"
+				title="Explicit"
+			>
+				🅴
 			</span>
 		</>
 	);
diff --git a/stats/src/styles/app.scss b/stats/src/styles/app.scss
index a590764..be39250 100644
--- a/stats/src/styles/app.scss
+++ b/stats/src/styles/app.scss
@@ -114,6 +114,9 @@
     .main-trackList-rowPlayPauseIcon {
         fill: currentColor;
     }
+    .main-trackList-rowBadges {
+        color: var(--spice-text);
+    }
 
     .extend-button {
         background-color: transparent;