diff --git a/src/components/ProblemPanel.tsx b/src/components/ProblemPanel.tsx
index 118e6954..aa24198b 100644
--- a/src/components/ProblemPanel.tsx
+++ b/src/components/ProblemPanel.tsx
@@ -110,7 +110,7 @@ const ProblemPanel: React.FC = () => {
                   <div className="problem-panel-problem-details">
                     <div className="problem-panel-problem-meta">
                       <div className="problem-panel-problem-tags">
-                        <span className="problem-panel-problem-type-badge">
+                        <span className="problem-panel-problem-type-badge" style={{ color: textColor }}>
                           {problem.type.toUpperCase()}
                         </span>
                         {problem.source && (