diff --git a/components/quiz/quiz-button.tsx b/components/quiz/quiz-button.tsx index c9f84e9b..fa481a83 100644 --- a/components/quiz/quiz-button.tsx +++ b/components/quiz/quiz-button.tsx @@ -57,7 +57,9 @@ export function QuizButton({ "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium transition-colors", done ? "border-border text-muted-foreground hover:bg-muted hover:text-foreground" - : "border-primary/40 bg-primary/10 text-primary hover:bg-primary/15", + : // Take / Continue: solid, so a pending quiz stands out in the + // header beside the quieter page controls. + "border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 dark:text-white", className, )} >