Feat: Cosmetic Changes In UI

src/App.js

@@ -557,16 +557,18 @@ export default function App() {
               theme={theme} title="Reward Model Output" icon="⚖️" accent="#f59e0b"
               content={rewardOutput} loading={loading && sftOutput && !rewardOutput}
               badge={rewardScore && (
-                <div style={{ display: "flex", alignItems: "center", gap: 5 }}>
+                <div style={{
+                  display: "flex", alignItems: "center", gap: 5,
+                  fontFamily: "monospace", fontWeight: 700, fontSize: 13,
+                }}>
                   <span style={{
                     background: "#f59e0b22", color: "#f59e0b",
                     border: "1px solid #f59e0b55",
                     borderRadius: 6, padding: "2px 10px",
-                    fontFamily: "monospace", fontWeight: 700, fontSize: 13,
                   }}>
                     Reward: {rewardScore}
                   </span>
-                  <span style={{ fontSize: 12, color: theme.textMuted, fontWeight: 700 }}>
+                  <span style={{ color: theme.textMuted, fontWeight: 700 }}>
                     (0.25 × contrastive + 0.25 × ROUGE-L + 0.25 × negation_safety + 0.25 × hf_judge)
                   </span>
                 </div>