diff --git a/projects/website/src/components/player/player-header.tsx b/projects/website/src/components/player/player-header.tsx
index 81a3b53..718d2d1 100644
--- a/projects/website/src/components/player/player-header.tsx
+++ b/projects/website/src/components/player/player-header.tsx
@@ -71,7 +71,7 @@ const playerData = [
       return (
         <div className="text-gray-300 flex gap-1 items-center">
           <ChangeOverTime player={player} type={PlayerStat.PerformancePoints}>
-            <p className="hover:brightness-[66%] transition-all transform-gpu">{formatPp(player.pp)}pp</p>
+            <p className="hover:brightness-[66%] transition-all transform-gpu text-pp">{formatPp(player.pp)}pp</p>
           </ChangeOverTime>
           <DailyChange type={PlayerStat.PerformancePoints} change={ppChange} />
         </div>