diff --git a/projects/website/src/components/player/player-header.tsx b/projects/website/src/components/player/player-header.tsx
index 369da4d..89cf559 100644
--- a/projects/website/src/components/player/player-header.tsx
+++ b/projects/website/src/components/player/player-header.tsx
@@ -106,7 +106,7 @@ export default function PlayerHeader({ player }: Props) {
                 {player.inactive && <p className="text-gray-400">Inactive Account</p>}
                 {player.banned && <p className="text-red-500">Banned Account</p>}
               </div>
-              <div className="flex gap-2">
+              <div className="flex gap-2 flex-wrap">
                 {playerData.map((subName, index) => {
                   // Check if the player is inactive or banned and if the data should be shown
                   if (!subName.showWhenInactiveOrBanned && (player.inactive || player.banned)) {