diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index f7fec99..75cd4b5 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -1316,7 +1316,7 @@ html[data-font="readable"] .wm::after { opacity: 0.45 !important; }
 
 /* Grade hero zone: full-width, slightly smaller letter on phones. */
 @media (max-width: 640px) {
-  .grade-hero { font-size: 80px !important; }
+  .grade-hero { font-size: 74px !important; }  /* Design mobile grade-reveal hero */
   /* Session 43 — player-profile hero name was clipping (e.g. "Wembanyam")
      at 390px. Shrink + wrap instead of overflowing the flex row. */
   .player-hero-name { font-size: 24px !important; overflow-wrap: anywhere; }
diff --git a/web/src/components/vyndr/GradeResultCard.tsx b/web/src/components/vyndr/GradeResultCard.tsx
index 8d789e7..540b129 100644
--- a/web/src/components/vyndr/GradeResultCard.tsx
+++ b/web/src/components/vyndr/GradeResultCard.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
+import TeamChip from '@/components/vyndr/TeamChip';
 import SportBadge from '@/components/vyndr/SportBadge';
 import SectionHead from '@/components/vyndr/SectionHead';
 import VBtn from '@/components/vyndr/VBtn';
@@ -123,7 +124,7 @@ export default function GradeResultCard({
         </div>
         <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-end', gap: 6 }}>
           <SportBadge sport={d.sport} />
-          {d.team && <span className="mono" style={{ fontSize: 12, color: 'var(--text-1)', letterSpacing: '0.06em' }}>{d.team}</span>}
+          {d.team && <TeamChip team={d.team} sport={d.sport} size={13} style={{ fontSize: 12, letterSpacing: '0.06em' }} />}
         </div>
       </div>