diff --git a/src/pages/PerformanceDomainPracticePage.tsx b/src/pages/PerformanceDomainPracticePage.tsx
index 5551613..99d9f1b 100644
--- a/src/pages/PerformanceDomainPracticePage.tsx
+++ b/src/pages/PerformanceDomainPracticePage.tsx
@@ -349,7 +349,7 @@ export default function PerformanceDomainPracticePage() {
           optionDisabled && 'cursor-default hover:bg-white dark:hover:bg-gray-800',
           shouldKeepDisabled && 'bg-gray-50 opacity-55 dark:bg-gray-800/70',
           shouldHighlightCorrect &&
-            'border-emerald-400 bg-emerald-50 shadow-[inset_0_0_0_2px_rgba(52,211,153,0.65)] dark:border-emerald-500 dark:bg-emerald-950/30 dark:shadow-[inset_0_0_0_2px_rgba(16,185,129,0.45)]',
+            'border-emerald-500 bg-emerald-100 text-emerald-900 shadow-[inset_0_0_0_3px_rgba(16,185,129,0.78),0_0_0_1px_rgba(16,185,129,0.55)] dark:border-emerald-400 dark:bg-emerald-900/50 dark:text-emerald-50 dark:shadow-[inset_0_0_0_3px_rgba(52,211,153,0.65),0_0_0_1px_rgba(52,211,153,0.45)] sm:bg-emerald-50 sm:shadow-[inset_0_0_0_2px_rgba(52,211,153,0.65)] sm:dark:bg-emerald-950/30 sm:dark:shadow-[inset_0_0_0_2px_rgba(16,185,129,0.45)]',
           isWrongSelected &&
             'border-rose-300 bg-rose-50 shadow-[inset_0_0_0_2px_rgba(251,113,133,0.65)] dark:border-rose-600 dark:bg-rose-950/30 dark:shadow-[inset_0_0_0_2px_rgba(244,63,94,0.45)]'
         )}
@@ -374,7 +374,11 @@ export default function PerformanceDomainPracticePage() {
           </div>
         </div>
 
-        <div className="text-2xl font-bold leading-none text-gray-900 dark:text-white sm:hidden">
+        <div className={clsx(
+          'text-2xl font-bold leading-none text-gray-900 dark:text-white sm:hidden',
+          shouldHighlightCorrect && 'text-emerald-800 dark:text-emerald-50',
+          isWrongSelected && 'text-rose-800 dark:text-rose-50'
+        )}>
           {domain.name.charAt(0)}
         </div>
 
@@ -436,7 +440,7 @@ export default function PerformanceDomainPracticePage() {
 
         <div className="pointer-events-none absolute right-1 top-1 flex h-4 w-8 items-center justify-end sm:right-3 sm:top-3 sm:h-5 sm:w-12">
           {isCorrectSelected && (
-            <CheckCircle2 className="text-emerald-500" size={16} />
+            <CheckCircle2 className="text-emerald-600 dark:text-emerald-300" size={20} />
           )}
           {isWrongSelected && (
             <XCircle className="text-rose-500" size={16} />