fix long names spilling outside container on profile page (#2809)

ita-social-projects · Nov 22, 2024 · ceaa991 · ceaa991
1 parent 52eb427
commit ceaa991
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/containers/user-profile/profile-info/ProfileInfo.styles.js b/src/containers/user-profile/profile-info/ProfileInfo.styles.js
@@ -67,7 +67,10 @@ export const styles = {
     },
     title: {
       typography: { xs: 'button', sm: 'h5', md: 'h4' },
-      mb: 1
+      mb: 1,
+      whiteSpace: 'normal',
+      wordBreak: 'break-all',
+      maxWidth: '95%'
     },
     description: {
       typography: { xs: 'body2', md: 'button' },