diff --git a/src/shared/components/Badge.js b/src/shared/components/Badge.js
index 655e3f2..fddd2b6 100644
--- a/src/shared/components/Badge.js
+++ b/src/shared/components/Badge.js
@@ -13,15 +13,15 @@ const Badge = ({
     const baseClassName = 'inline-flex items-center font-medium border font-ibm-plex-mono';
 
     const variants = {
-        default: 'bg-neutral-700/10 text-neutral-700 border-neutral-200 dark:bg-neutral-600/10 dark:text-neutral-600 dark:border-neutral-600/20',
-        primary: 'bg-blue-700/10 text-blue-700 border-blue-200 dark:bg-blue-600/10 dark:text-blue-600 dark:border-blue-600/20',
-        success: 'bg-green-700/10 text-green-700 border-green-200 dark:bg-green-600/10 dark:text-green-600 dark:border-green-600/20',
-        warning: 'bg-yellow-700/10 text-yellow-700 border-yellow-200 dark:bg-yellow-600/10 dark:text-yellow-600 dark:border-yellow-600/20',
-        danger: 'bg-red-700/10 text-red-700 border-red-200 dark:bg-red-600/10 dark:text-red-600 dark:border-red-600/20',
-        info: 'bg-cyan-700/10 text-cyan-700 border-cyan-200 dark:bg-cyan-600/10 dark:text-cyan-600 dark:border-cyan-600/20',
-        purple: 'bg-purple-700/10 text-purple-700 border-purple-200 dark:bg-purple-600/10 dark:text-purple-600 dark:border-purple-600/20',
-        pink: 'bg-pink-700/10 text-pink-700 border-pink-200 dark:bg-pink-600/10 dark:text-pink-600 dark:border-pink-600/20',
-        orange: 'bg-orange-700/10 text-orange-700 border-orange-200 dark:bg-orange-600/10 dark:text-orange-600 dark:border-orange-600/20'
+        default: 'bg-neutral-700/10 text-neutral-700 border-neutral-800 dark:bg-neutral-600/10 dark:text-neutral-600 dark:border-neutral-600/20',
+        primary: 'bg-blue-700/10 text-blue-700 border-blue-800 dark:bg-blue-600/10 dark:text-blue-600 dark:border-blue-600/20',
+        success: 'bg-green-700/10 text-green-700 border-green-800 dark:bg-green-600/10 dark:text-green-600 dark:border-green-600/20',
+        warning: 'bg-yellow-700/10 text-yellow-700 border-yellow-800 dark:bg-yellow-600/10 dark:text-yellow-600 dark:border-yellow-600/20',
+        danger: 'bg-red-700/10 text-red-700 border-red-800 dark:bg-red-600/10 dark:text-red-600 dark:border-red-600/20',
+        info: 'bg-cyan-700/10 text-cyan-700 border-cyan-800 dark:bg-cyan-600/10 dark:text-cyan-600 dark:border-cyan-600/20',
+        purple: 'bg-purple-700/10 text-purple-700 border-purple-800 dark:bg-purple-600/10 dark:text-purple-600 dark:border-purple-600/20',
+        pink: 'bg-pink-700/10 text-pink-700 border-pink-800 dark:bg-pink-600/10 dark:text-pink-600 dark:border-pink-600/20',
+        orange: 'bg-orange-700/10 text-orange-700 border-orange-800 dark:bg-orange-600/10 dark:text-orange-600 dark:border-orange-600/20'
     };
 
     const sizes = {