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>
   );