diff --git a/app/features/tournament-bracket/components/TeamRosterInputs.tsx b/app/features/tournament-bracket/components/TeamRosterInputs.tsx index bcb84c265..45edb567b 100644 --- a/app/features/tournament-bracket/components/TeamRosterInputs.tsx +++ b/app/features/tournament-bracket/components/TeamRosterInputs.tsx @@ -205,9 +205,11 @@ function TeamRosterInputsCheckboxes({ className="tournament-bracket__during-match-actions__player-name" htmlFor={`${member.id}-${id}`} > - {member.inGameName - ? inGameNameWithoutDiscriminator(member.inGameName) - : member.discordName} + + {member.inGameName + ? inGameNameWithoutDiscriminator(member.inGameName) + : member.discordName} + ); diff --git a/app/features/tournament-bracket/tournament-bracket.css b/app/features/tournament-bracket/tournament-bracket.css index 51feaba09..d5c2a06d7 100644 --- a/app/features/tournament-bracket/tournament-bracket.css +++ b/app/features/tournament-bracket/tournament-bracket.css @@ -219,6 +219,13 @@ cursor: pointer; } +.tournament-bracket__during-match-actions__player-name__inner { + white-space: nowrap; + overflow-x: hidden; + text-overflow: ellipsis; + padding-inline: var(--s-2); +} + .tournament-bracket__during-match-actions__seed { font-size: var(--fonts-xxs); color: var(--theme);