Update frontend/src/App.js

frontend/src/App.js

@@ -16,14 +16,14 @@ const ScoreBar = ({ score, isVanilla = false }) => {
         style={{ 
           width: `${percentage}%`,
           backgroundColor,
-          height: isVanilla ? '6px' : '12px', // Make vanilla bars thinner with inline style
-          borderRadius: isVanilla ? '0' : '4px',  // Make vanilla bars square
-          opacity: isVanilla ? 0.6 : 1, // Dim vanilla score bars
+          height: 100%,
         }} 
       />
-      <span className="score-text">
-        {percentage.toFixed(1)}%
-      </span>
+      {!isVanilla && (
+        <span className="score-text">
+          {percentage.toFixed(1)}%
+        </span>
+      )}
     </div>
   );
 };
@@ -159,7 +159,7 @@ const App = () => {
                 <td className="model-cell">
                   <div className="model-name">{item.model_id}</div>
                   {showVanilla && (
-                    <div className="vanilla-name"><i>Vanilla score below</i></div>
+                    <div className="vanilla-text"><i>Vanilla score below</i></div>
                   )}
                 </td>
                 {["Average", "GAIA", "MATH", "SimpleQA"].map(metric => (