From 681f2a11f8bba790c8841d0060d15a43dfb2f714 Mon Sep 17 00:00:00 2001
From: balajisoundar <sbalaji1192@gmail.com>
Date: Mon, 30 Aug 2021 18:54:58 +0530
Subject: [PATCH] Fix: Break word when text widget content is long (#6211)

fixes #5319
---
 .../src/components/designSystems/blueprint/TextComponent.tsx     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/client/src/components/designSystems/blueprint/TextComponent.tsx b/app/client/src/components/designSystems/blueprint/TextComponent.tsx
index 72c7b51bda..bcb89519d5 100644
--- a/app/client/src/components/designSystems/blueprint/TextComponent.tsx
+++ b/app/client/src/components/designSystems/blueprint/TextComponent.tsx
@@ -48,6 +48,7 @@ export const StyledText = styled(Text)<{
   font-weight: ${(props) =>
     props?.fontStyle?.includes(FontStyleTypes.BOLD) ? "bold" : "normal"};
   font-size: ${(props) => props?.fontSize && TEXT_SIZES[props?.fontSize]};
+  word-break: break-word;
   span {
     width: 100%;
     line-height: 1.2;