From f09a4f347e695d671cb2d074901bf2cce83b6eb6 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 11 Jun 2026 21:39:41 +0300
Subject: [PATCH] Fix tournament name overflow on mobile

---
 .../tournament/components/TournamentHeader.module.css       | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/features/tournament/components/TournamentHeader.module.css b/app/features/tournament/components/TournamentHeader.module.css
index 2713e6ddb..dba130377 100644
--- a/app/features/tournament/components/TournamentHeader.module.css
+++ b/app/features/tournament/components/TournamentHeader.module.css
@@ -12,6 +12,7 @@
 	flex-direction: column;
 	align-items: center;
 	gap: var(--s-3);
+	max-width: 100%;
 }
 
 .titleBlock {
@@ -19,6 +20,8 @@
 	flex-direction: column;
 	align-items: center;
 	gap: var(--s-2);
+	min-width: 0;
+	max-width: 100%;
 }
 
 @container (min-width: 448px) {
@@ -47,7 +50,8 @@
 	margin: 0;
 	text-wrap: balance;
 	text-align: center;
-	line-height: 0.9;
+	line-height: 1.1;
+	overflow-wrap: break-word;
 }
 
 .subtext {