From 242753d0d12350b187d53e97d819a2d05ce798a0 Mon Sep 17 00:00:00 2001
From: Ramir Mesquita <ramir.mesquita@metalab.com>
Date: Tue, 17 Dec 2024 10:49:12 -0300
Subject: [PATCH 1/4] fix: fixing word break for large description option
 answers

---
 src/shared/ui/Items/SelectBase/SelectBaseText.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
index 00c983805..06109c43c 100644
--- a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
+++ b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
@@ -16,7 +16,7 @@ export const SelectBaseText = (props: Props) => {
       testid="select-text"
       sx={{
         cursor: 'pointer',
-        lineBreak: 'anywhere',
+        lineBreak: 'normal',
         display: '-webkit-box',
         overflow: 'hidden',
 

From a16d5080bd2109863ea5ed12f3c094cac68d28b5 Mon Sep 17 00:00:00 2001
From: Ramir Mesquita <ramir.mesquita@metalab.com>
Date: Thu, 19 Dec 2024 19:04:14 -0300
Subject: [PATCH 2/4] fix: fixing long words issue breaking the layout

---
 src/shared/ui/Items/SelectBase/SelectBaseText.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
index 06109c43c..cb955f9c0 100644
--- a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
+++ b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
@@ -17,6 +17,8 @@ export const SelectBaseText = (props: Props) => {
       sx={{
         cursor: 'pointer',
         lineBreak: 'normal',
+        wordBreak: 'break-word',
+        hyphens: 'auto',
         display: '-webkit-box',
         overflow: 'hidden',
 

From 71d873b9ae57c6977a9f283e4468f0058577d0f8 Mon Sep 17 00:00:00 2001
From: Ramir Mesquita <ramir.mesquita@metalab.com>
Date: Thu, 19 Dec 2024 20:23:58 -0300
Subject: [PATCH 3/4] fix: fixing long words issue breaking the layout

---
 src/shared/ui/Items/SelectBase/SelectBaseText.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
index cb955f9c0..4b76ac9e8 100644
--- a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
+++ b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
@@ -17,7 +17,7 @@ export const SelectBaseText = (props: Props) => {
       sx={{
         cursor: 'pointer',
         lineBreak: 'normal',
-        wordBreak: 'break-word',
+        wordBreak: 'normal',
         hyphens: 'auto',
         display: '-webkit-box',
         overflow: 'hidden',

From f5a087275eefe3618aadf33b87bd5ab0bd8cc1dc Mon Sep 17 00:00:00 2001
From: Ramir Mesquita <ramir.mesquita@metalab.com>
Date: Mon, 23 Dec 2024 10:55:54 -0300
Subject: [PATCH 4/4] fix: corrects wrongly generated line breaks detected in
 qa

---
 src/shared/ui/Items/SelectBase/SelectBaseText.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
index 4b76ac9e8..a4d62fa1e 100644
--- a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
+++ b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx
@@ -15,12 +15,10 @@ export const SelectBaseText = (props: Props) => {
       lineHeight="28px"
       testid="select-text"
       sx={{
+        wordBreak: 'break-word',
         cursor: 'pointer',
-        lineBreak: 'normal',
-        wordBreak: 'normal',
         hyphens: 'auto',
         display: '-webkit-box',
-        overflow: 'hidden',
 
         // Using kebab-case (i.e. `-webkit-some-things`) would cause warnings
         // in the JS console about kebab-case being not supported for CSS