From 762e99a9070699648ce14763229016b9a384043c Mon Sep 17 00:00:00 2001
From: Yash <yashsaini18166@gmail.com>
Date: Tue, 16 Jun 2026 04:39:50 +0530
Subject: [PATCH] fix: space title and description overflow in lobby (#2969)

* fix: update PageHero styles for better text handling and add PageHeroText class

* trigger cla recheck

* refactor: remove unused styles from PageHeroText and LobbyHeroTopic

* fix: remove unnecessary class names from PageHero for cleaner markup
style: add styles to LobbyHeroTopic for improved text display
---
 src/app/components/page/style.css.ts     | 1 +
 src/app/features/lobby/LobbyHero.css.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/app/components/page/style.css.ts b/src/app/components/page/style.css.ts
index bd14cd583..b106320f3 100644
--- a/src/app/components/page/style.css.ts
+++ b/src/app/components/page/style.css.ts
@@ -111,6 +111,7 @@ export const PageHeroSection = style([
   },
 ]);
 
+
 export const PageContentCenter = style([
   DefaultReset,
   {
diff --git a/src/app/features/lobby/LobbyHero.css.tsx b/src/app/features/lobby/LobbyHero.css.tsx
index ad7e9382b..3349213a2 100644
--- a/src/app/features/lobby/LobbyHero.css.tsx
+++ b/src/app/features/lobby/LobbyHero.css.tsx
@@ -6,6 +6,7 @@ export const LobbyHeroTopic = style({
   WebkitLineClamp: 3,
   WebkitBoxOrient: 'vertical',
   overflow: 'hidden',
+  wordBreak: 'break-word',
 
   ':hover': {
     cursor: 'pointer',