From 409dd69fcb64fb409d9afe6d1843aec3a1826774 Mon Sep 17 00:00:00 2001
From: Kendall Garner <17521368+kgarner7@users.noreply.github.com>
Date: Wed, 11 Feb 2026 19:34:20 -0800
Subject: [PATCH] reduce explicit indicator spacing slightly

---
 .../explicit-indicator/explicit-indicator.module.css        | 4 ++++
 .../components/explicit-indicator/explicit-indicator.tsx    | 6 ++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/shared/components/explicit-indicator/explicit-indicator.module.css b/src/shared/components/explicit-indicator/explicit-indicator.module.css
index f3fa0cb0e..7e3118724 100644
--- a/src/shared/components/explicit-indicator/explicit-indicator.module.css
+++ b/src/shared/components/explicit-indicator/explicit-indicator.module.css
@@ -39,3 +39,7 @@
 .muted {
     opacity: 0.85;
 }
+
+.with-space {
+    padding-right: var(--theme-spacing-sm);
+}
diff --git a/src/shared/components/explicit-indicator/explicit-indicator.tsx b/src/shared/components/explicit-indicator/explicit-indicator.tsx
index b061ba9dc..92174909b 100644
--- a/src/shared/components/explicit-indicator/explicit-indicator.tsx
+++ b/src/shared/components/explicit-indicator/explicit-indicator.tsx
@@ -32,10 +32,12 @@ export const ExplicitIndicator = ({
     return (
         <span
             aria-label={explicitStatus === ExplicitStatus.EXPLICIT ? 'Explicit' : 'Clean'}
-            className={clsx(styles.root, styles[`size-${size}`], className)}
+            className={clsx(styles.root, styles[`size-${size}`], className, {
+                [styles.withSpace]: withSpace,
+            })}
             {...rest}
         >
-            {withSpace ? `${symbol} ` : symbol}
+            {symbol}
         </span>
     );
 };