diff --git a/projects/website/src/components/player/player-info.tsx b/projects/website/src/components/player/player-info.tsx
index e910e9e..d1f7032 100644
--- a/projects/website/src/components/player/player-info.tsx
+++ b/projects/website/src/components/player/player-info.tsx
@@ -46,7 +46,7 @@ export function PlayerInfo({
       className={clsx(
         hoverBrightness ? "transform-gpu transition-all hover:brightness-[66%]" : "",
         player.id == highlightedPlayer?.id ? "font-bold" : "",
-        "text-ellipsis w-[140px] overflow-hidden whitespace-nowrap"
+        "text-ellipsis overflow-hidden whitespace-nowrap"
       )}
       style={{
         color: getScoreSaberRole(player)?.color,
@@ -57,7 +57,7 @@ export function PlayerInfo({
   );
 
   return (
-    <div className="flex gap-2 items-center">
+    <div className="flex gap-2 items-center w-[175px]">
       <Avatar className="w-[24px] h-[24px] pointer-events-none">
         <AvatarImage
           alt="Profile Picture"
diff --git a/projects/website/src/components/ranking/mini.tsx b/projects/website/src/components/ranking/mini.tsx
index 1199092..1234dd1 100644
--- a/projects/website/src/components/ranking/mini.tsx
+++ b/projects/website/src/components/ranking/mini.tsx
@@ -94,7 +94,7 @@ export default function Mini({ type, player, shouldUpdate }: MiniProps) {
               <div className="flex gap-2 items-center">
                 <PlayerInfo player={playerRanking} highlightedPlayer={player} hideCountryFlag hoverBrightness={false} />
               </div>
-              <div className="inline-flex min-w-[11.5em] gap-2 items-center">
+              <div className="inline-flex min-w-[13em] gap-2 items-center">
                 <p className="text-ssr text-right">{formatPp(playerRanking.pp)}pp</p>
                 {playerRanking.id !== player.id && (
                   <p className={`text-xs text-right ${ppDifference > 0 ? "text-green-400" : "text-red-400"}`}>