diff --git a/src/components/ui/counter/counter.tsx b/src/components/ui/counter/counter.tsx
index 6594262c47..8f350f6751 100644
--- a/src/components/ui/counter/counter.tsx
+++ b/src/components/ui/counter/counter.tsx
@@ -12,7 +12,7 @@ interface ICounter {
 /** A simple counter for notifications, etc. */
 const Counter: React.FC<ICounter> = ({ count, countMax }) => {
   return (
-    <span className='flex h-5 min-w-[20px] max-w-[26px] items-center justify-center rounded-full bg-secondary-500 text-xs font-medium text-white ring-2 ring-white dark:ring-gray-800'>
+    <span className='flex h-5 min-w-[20px] max-w-[26px] items-center justify-center rounded-full bg-secondary-500 text-xs font-medium text-white ring-2 ring-white black:ring-black dark:ring-gray-800'>
       {shortNumberFormat(count, countMax)}
     </span>
   );