From a2a54397417a5c3b06d960e592c87c9ddf591082 Mon Sep 17 00:00:00 2001
From: Rishabh Rathod <rishabh.rathod@appsmith.com>
Date: Tue, 7 Sep 2021 18:41:27 +0530
Subject: [PATCH] fix: text overflow gen CRUD form (#7180)

Fix #7151 : Text overflows the row when the table's column name is more than 25 characters.
---
 .../components/GeneratePageForm/GeneratePageForm.tsx           | 1 +
 .../Editor/GeneratePage/components/GeneratePageForm/styles.ts  | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/GeneratePageForm.tsx b/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/GeneratePageForm.tsx
index 451a2100a6..f88ed56627 100644
--- a/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/GeneratePageForm.tsx
+++ b/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/GeneratePageForm.tsx
@@ -120,6 +120,7 @@ const Row = styled.p`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
+  white-space: nowrap;
 `;
 
 // Constants
diff --git a/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/styles.ts b/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/styles.ts
index 0cf64ae120..9947367c82 100644
--- a/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/styles.ts
+++ b/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/styles.ts
@@ -10,7 +10,8 @@ export const SelectWrapper = styled.div<{ width: string }>`
 
 export const Label = styled.p`
   flex: 1;
-  ${(props) => `${getTypographyByKey(props, "p1")}`}
+  ${(props) => `${getTypographyByKey(props, "p1")}`};
+  white-space: nowrap;
 `;
 
 export const Bold = styled.span`