fix

projects/website/src/components/ranking/mini.tsx

@@ -92,7 +92,13 @@ export default function Mini({ type, player, shouldUpdate }: MiniProps) {
             >
               <p className="text-gray-400">#{formatNumberWithCommas(rank)}</p>
               <div className="flex gap-2 items-center">
-                <PlayerInfo player={playerRanking} highlightedPlayer={player} hideCountryFlag hoverBrightness={false} />
+                <PlayerInfo
+                  className="w-[145px]"
+                  player={playerRanking}
+                  highlightedPlayer={player}
+                  hideCountryFlag
+                  hoverBrightness={false}
+                />
               </div>
               <div className="inline-flex min-w-[13em] gap-2 items-center">
                 <p className="text-ssr text-right">{formatPp(playerRanking.pp)}pp</p>

projects/website/src/components/ranking/player-ranking.tsx

@@ -21,11 +21,11 @@ export function PlayerRanking({ player, isCountry }: PlayerRankingProps) {
 
   return (
     <>
-      <td className="px-4 py-2">
+      <td className="px-3 py-2">
         #{formatNumberWithCommas(isCountry ? player.countryRank : player.rank)}{" "}
         <span className="text-sm">{isCountry && "(#" + formatNumberWithCommas(player.rank) + ")"}</span>
       </td>
-      <td className="flex items-center gap-2 px-4 py-2">
+      <td className="flex items-center gap-2 pl-3 py-2">
         <PlayerInfo player={player} highlightedPlayer={claimedPlayer} useLink />
       </td>
       <td className="px-4 py-2 text-ssr text-center">{formatPp(player.pp)}pp</td>