diff --git a/website/src/routes/hopium/+page.svelte b/website/src/routes/hopium/+page.svelte
index aede074..d673a78 100644
--- a/website/src/routes/hopium/+page.svelte
+++ b/website/src/routes/hopium/+page.svelte
@@ -20,7 +20,9 @@
 		Globe,
 		Loader2,
 		CheckCircle,
-		XCircle
+		XCircle,
+		CheckIcon,
+		XIcon
 	} from 'lucide-svelte';
 	import { USER_DATA } from '$lib/stores/user-data';
 	import { PORTFOLIO_DATA, fetchPortfolioData } from '$lib/stores/portfolio-data';
@@ -225,14 +227,16 @@
 									<div class="flex flex-col items-end gap-2">
 										{#if question.status === 'RESOLVED'}
 											<Badge
-												variant={question.aiResolution ? 'default' : 'destructive'}
-												class="flex flex-shrink-0 items-center gap-1"
+												variant="destructive"
+												class="flex flex-shrink-0 items-center gap-1 {question.aiResolution
+													? 'bg-success/80!'
+													: ''}"
 											>
 												{#if question.aiResolution}
-													<CheckCircle class="h-3 w-3" />
+													<CheckIcon class="h-3 w-3" />
 													YES
 												{:else}
-													<XCircle class="h-3 w-3" />
+													<XIcon class="h-3 w-3" />
 													NO
 												{/if}
 											</Badge>
diff --git a/website/src/routes/hopium/[id]/+page.svelte b/website/src/routes/hopium/[id]/+page.svelte
index 8a5145c..a6823bc 100644
--- a/website/src/routes/hopium/[id]/+page.svelte
+++ b/website/src/routes/hopium/[id]/+page.svelte
@@ -11,12 +11,12 @@
 	import UserProfilePreview from '$lib/components/self/UserProfilePreview.svelte';
 	import {
 		Loader2,
-		CheckCircle,
-		XCircle,
 		Calculator,
 		History,
 		ChartColumn,
-		MessageCircleQuestion
+		MessageCircleQuestion,
+		CheckIcon,
+		XIcon
 	} from 'lucide-svelte';
 	import { USER_DATA } from '$lib/stores/user-data';
 	import { PORTFOLIO_DATA, fetchPortfolioData } from '$lib/stores/portfolio-data';
@@ -231,10 +231,10 @@
 				{#if question.status === 'RESOLVED'}
 					<Badge variant="destructive" class={question.aiResolution ? 'bg-success/80!' : ''}>
 						{#if question.aiResolution}
-							<CheckCircle class="h-4 w-4" />
+							<CheckIcon class="h-4 w-4" />
 							RESOLVED: YES
 						{:else}
-							<XCircle class="h-4 w-4" />
+							<XIcon class="h-4 w-4" />
 							RESOLVED: NO
 						{/if}
 					</Badge>