From 4f60819dcc19995c5b864dabd9a5ca9fc56b9522 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Sat, 16 Nov 2024 18:19:11 +0000
Subject: [PATCH] Updated the PracticeBadge

---
 src/components/Exercises/MultipleChoice.tsx | 4 ++--
 src/components/Low/PracticeBadge.tsx        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Exercises/MultipleChoice.tsx b/src/components/Exercises/MultipleChoice.tsx
index e4a5048c..47b3debb 100644
--- a/src/components/Exercises/MultipleChoice.tsx
+++ b/src/components/Exercises/MultipleChoice.tsx
@@ -34,9 +34,9 @@ function Question({
 		<div className="flex flex-col gap-8 relative">
 			{isPractice && <PracticeBadge className="absolute -top-4 -right-12" />}
 			{isNaN(Number(id)) ? (
-				<span className="text-lg">{renderPrompt(prompt).filter((x) => x?.toString() !== "<u>")}</span>
+				<span className={clsx("text-lg", isPractice && "text-mti-red")}>{renderPrompt(prompt).filter((x) => x?.toString() !== "<u>")}</span>
 			) : (
-				<span className="text-lg">
+				<span className={clsx("text-lg", isPractice && "text-mti-red")}>
 					<>
 						{id} - <span>{renderPrompt(prompt).filter((x) => x?.toString() !== "<u>")}</span>
 					</>
diff --git a/src/components/Low/PracticeBadge.tsx b/src/components/Low/PracticeBadge.tsx
index efd15563..bbae1240 100644
--- a/src/components/Low/PracticeBadge.tsx
+++ b/src/components/Low/PracticeBadge.tsx
@@ -6,6 +6,6 @@ interface Props {
 
 export default function PracticeBadge({ className }: Props) {
 	return (
-		<div className={clsx("bg-mti-purple/20 px-2 py-1 rounded-full text-sm ring-1 ring-mti-purple", className)}>Practice Exercise</div>
+		<div className={clsx("bg-mti-rose/50 text-white px-2 py-1 rounded-full ring-1 ring-mti-red", className)}>Practice Exercise (Question Ungraded)</div>
 	)
 }