From 2b13426c8ca5fa2f233f15fda8fe473af6e3b209 Mon Sep 17 00:00:00 2001
From: matty <matty@nicecrew.digital>
Date: Sun, 11 Jan 2026 21:19:02 +0000
Subject: [PATCH] fix badge color for admin

---
 packages/pl-fe/src/components/badge.tsx | 26 +++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/packages/pl-fe/src/components/badge.tsx b/packages/pl-fe/src/components/badge.tsx
index 92ccf23b3..aa67a99f6 100644
--- a/packages/pl-fe/src/components/badge.tsx
+++ b/packages/pl-fe/src/components/badge.tsx
@@ -25,16 +25,22 @@ const Badge: React.FC<IBadge> = ({ title, slug, color }) => {
   return (
     <span
       data-testid='badge'
-      className={clsx('inline-flex items-center rounded px-2 py-0.5 text-xs font-medium', color ? {
-        'bg-gray-100 text-gray-100': isDark,
-        'bg-gray-800 text-gray-900': !isDark,
-      } : {
-        'bg-fuchsia-700 text-white': slug === 'patron',
-        'bg-black text-white': slug === 'admin',
-        'bg-cyan-600 text-white': slug === 'moderator',
-        'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100': fallback,
-        'bg-white/75 text-gray-900': slug === 'opaque',
-      })}
+      className={clsx(
+        'inline-flex items-center rounded px-2 py-0.5 text-xs font-medium',
+        color
+          ? {
+            'bg-gray-100 text-gray-100': isDark,
+            'bg-gray-800 text-gray-900': !isDark,
+          }
+          : {
+            'bg-fuchsia-700 text-white': slug === 'patron',
+            'bg-orange-700 text-white': slug === 'admin',
+            'bg-cyan-600 text-white': slug === 'moderator',
+            'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100':
+              fallback,
+            'bg-white/75 text-gray-900': slug === 'opaque',
+          },
+      )}
       style={color ? { background: color } : undefined}
     >
       {title}