From 5507b8ef67f14ea21ed69a7ccdfcd5ef4825b66f Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Wed, 11 Jan 2023 11:08:21 +0100
Subject: [PATCH] :bug: (dashboard) Fix typebot name overflow

Break long words
---
 .../builder/src/features/folders/components/TypebotButton.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/builder/src/features/folders/components/TypebotButton.tsx b/apps/builder/src/features/folders/components/TypebotButton.tsx
index a0b3ff629..173684b7b 100644
--- a/apps/builder/src/features/folders/components/TypebotButton.tsx
+++ b/apps/builder/src/features/folders/components/TypebotButton.tsx
@@ -159,7 +159,9 @@ export const TypebotButton = ({
         >
           {<EmojiOrImageIcon icon={typebot.icon} boxSize={'35px'} />}
         </Flex>
-        <Text textAlign="center">{typebot.name}</Text>
+        <Text textAlign="center" noOfLines={4} maxW="180px">
+          {typebot.name}
+        </Text>
       </VStack>
       {!isReadOnly && (
         <ConfirmModal