Added a subtitle of the colors

src/components/Solutions/FillBlanks.tsx

@@ -84,13 +84,16 @@ export default function FillBlanksSolutions({prompt, solutions, text, userSoluti
 				</span>
 				<div className="flex gap-4 items-center">
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-green" />= Correct
+						<div className="w-4 h-4 rounded-full bg-mti-green" />
+						Correct
 					</div>
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-blue" />= Unanswered
+						<div className="w-4 h-4 rounded-full bg-mti-blue" />
+						Unanswered
 					</div>
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-orange" />= Wrong
+						<div className="w-4 h-4 rounded-full bg-mti-orange" />
+						Wrong
 					</div>
 				</div>
 			</div>

src/components/Solutions/MatchSentences.tsx

@@ -73,13 +73,13 @@ export default function MatchSentencesSolutions({options, prompt, sentences, use
 				</div>
 				<div className="flex gap-4 items-center">
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-green" />= Correct
+						<div className="w-4 h-4 rounded-full bg-mti-green" /> Correct
 					</div>
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-blue" />= Unanswered
+						<div className="w-4 h-4 rounded-full bg-mti-blue" /> Unanswered
 					</div>
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-orange" />= Wrong
+						<div className="w-4 h-4 rounded-full bg-mti-orange" /> Wrong
 					</div>
 				</div>
 			</div>

src/components/Solutions/MultipleChoice.tsx

@@ -87,13 +87,16 @@ export default function MultipleChoice({prompt, questions, userSolutions, onNext
 				</div>
 				<div className="flex gap-4 items-center">
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-green" />= Correct
+						<div className="w-4 h-4 rounded-full bg-mti-green" />
+						Correct
 					</div>
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-blue" />= Unanswered
+						<div className="w-4 h-4 rounded-full bg-mti-blue" />
+						Unanswered
 					</div>
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-orange" />= Wrong
+						<div className="w-4 h-4 rounded-full bg-mti-orange" />
+						Wrong
 					</div>
 				</div>
 			</div>

src/components/Solutions/WriteBlanks.tsx

@@ -112,13 +112,16 @@ export default function WriteBlanksSolutions({
 				</span>
 				<div className="flex gap-4 items-center">
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-green" />= Correct
+						<div className="w-4 h-4 rounded-full bg-mti-green" />
+						Correct
 					</div>
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-blue" />= Unanswered
+						<div className="w-4 h-4 rounded-full bg-mti-blue" />
+						Unanswered
 					</div>
 					<div className="flex gap-2 items-center">
-						<div className="w-4 h-4 rounded-full bg-mti-orange" />= Wrong
+						<div className="w-4 h-4 rounded-full bg-mti-orange" />
+						Wrong
 					</div>
 				</div>
 			</div>