diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 7a7d131f51..c3d16f6cc7 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -64,7 +64,7 @@ const badgeClasses = computed(() => {
                 purple: 'bg-purple-100/80 dark:bg-purple-300/6 border-purple-300 dark:border-purple-300/25 text-purple-800 dark:text-purple-300 [a]:hover:bg-purple-200/60 dark:[a]:hover:bg-purple-300/15 [button]:hover:bg-purple-200/60 dark:[button]:hover:bg-purple-200/9',
                 red: 'bg-red-100/80 dark:bg-red-300/6 border-red-400 dark:border-red-400/25 text-red-700 dark:text-red-300 [a]:hover:bg-red-200/60 dark:[a]:hover:bg-red-300/15 [button]:hover:bg-red-200/60 dark:[button]:hover:bg-red-200/9',
                 rose: 'bg-rose-100/80 dark:bg-rose-300/6 border-rose-300 dark:border-rose-300/25 text-rose-800 dark:text-rose-300 [a]:hover:bg-rose-200/60 dark:[a]:hover:bg-rose-300/15 [button]:hover:bg-rose-200/60 dark:[button]:hover:bg-rose-200/9',
-                sky: 'bg-sky-100/80 dark:bg-sky-300/6 border-sky-300 dark:border-sky-300/25 text-sky-700 dark:text-sky-300 [a]:hover:bg-sky-200/60 dark:[a]:hover:bg-sky-300/15 [button]:hover:bg-sky-200/60 dark:[button]:hover:bg-sky-200/10',
+                sky: 'bg-sky-100/80 dark:bg-sky-300/30 border-sky-300 dark:border-sky-300/25 text-sky-700 dark:text-sky-50 [a]:hover:bg-sky-200/60 dark:[a]:hover:bg-sky-100/60 [button]:hover:bg-sky-200/60 dark:[button]:hover:bg-sky-50/60',
                 teal: 'bg-teal-100 dark:bg-teal-300/6 border-teal-400 dark:border-teal-400/25 text-teal-700 dark:text-teal-300 [a]:hover:bg-teal-200/70 [button]:hover:bg-teal-200/70 dark:[a]:hover:bg-teal-300/15 dark:[button]:hover:bg-teal-200/9',
                 violet: 'bg-violet-100/80 dark:bg-violet-300/6 border-violet-300 dark:border-violet-300/25 text-violet-700 dark:text-violet-300 [a]:hover:bg-violet-200/60 [button]:hover:bg-violet-200/60 dark:[a]:hover:bg-violet-300/15 dark:[button]:hover:bg-violet-200/9',
                 white: 'bg-white border-gray-300 dark:border-gray-300/25 text-gray-700 dark:bg-gray-300/6 dark:text-gray-300 [a]:hover:bg-gray-200/30 [button]:hover:bg-gray-200/30 dark:[a]:hover:bg-gray-300/15 dark:[button]:hover:bg-gray-200/9',