From 3f7f5c301bbf2abd49649dd8e12876d2842d7a63 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 15 Aug 2026 14:07:54 +0300
Subject: [PATCH] Fix match roster tab overflow

---
 .../match-page/MatchRosterTab.module.css      | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/app/components/match-page/MatchRosterTab.module.css b/app/components/match-page/MatchRosterTab.module.css
index b2643955f..dbc9e7f92 100644
--- a/app/components/match-page/MatchRosterTab.module.css
+++ b/app/components/match-page/MatchRosterTab.module.css
@@ -16,7 +16,7 @@
 @container (width >= 640px) {
 	.rosters {
 		display: grid;
-		grid-template-columns: 1fr auto 1fr;
+		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
 		gap: var(--s-4);
 		width: auto;
 		max-width: none;
@@ -27,6 +27,7 @@
 		margin-inline: auto;
 		width: max-content;
 		max-width: 100%;
+		min-width: 0;
 	}
 
 	.rostersDivider {
@@ -108,12 +109,20 @@
 	flex-direction: column;
 	align-items: flex-start;
 	gap: var(--s-1);
+	min-width: 0;
+
+	& > * {
+		max-width: 100%;
+		min-width: 0;
+	}
 }
 
 .memberLink {
 	display: flex;
 	align-items: center;
 	gap: var(--s-2);
+	max-width: 100%;
+	min-width: 0;
 }
 
 .memberSecondRow {
@@ -126,6 +135,14 @@
 	display: flex;
 	flex-direction: column;
 	line-height: 1.2;
+	min-width: 0;
+
+	& > span {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		max-width: 100%;
+	}
 }
 
 .memberInGameName {