From 0bcabdb11fe1f725c98179a337bbc65e6c6a5deb Mon Sep 17 00:00:00 2001
From: arunvjn <32433245+arunvjn@users.noreply.github.com>
Date: Wed, 18 May 2022 15:37:24 +0530
Subject: [PATCH] fix: Text overlap in slash commands (#13871)

---
 .../editorComponents/CodeEditor/generateQuickCommands.tsx     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx b/app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx
index 934b135651..1988dbee6e 100644
--- a/app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx
+++ b/app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx
@@ -107,7 +107,9 @@ function Command(props: { icon: any; name: string }) {
     <div className="command-container">
       <div className="command">
         {props.icon}
-        <span className="ml-1">{props.name}</span>
+        <span className="ml-1 overflow-hidden overflow-ellipsis whitespace-nowrap">
+          {props.name}
+        </span>
       </div>
     </div>
   );