Conditional rendering of result message in QuizRunner component

client/src/components/QuizRunner.tsx

@@ -417,10 +417,12 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
       />
 
       {showResult && (
-        <div className={lastCorrect ? 'callout success' : 'callout'}>
+        !lastSkipped ? (
-          {lastCorrect ? 'Correct!' : lastSkipped ? 'Checked answer.' : 'Not quite.'}
+          <div className={lastCorrect ? 'callout success' : 'callout'}>
-          {!lastSkipped && !lastCorrect && correctText && <div className="subline">Answer: {correctText}</div>}
+            {lastCorrect ? 'Correct!' : 'Not quite.'}
-        </div>
+            {!lastCorrect && correctText && <div className="subline">Answer: {correctText}</div>}
+          </div>
+        ) : null
       )}
 
       <div className="quiz-actions">