From 1beda796f2d5eeaf5a7c6a1d9ba3ff8bffa39dfe Mon Sep 17 00:00:00 2001
From: Lyndsi Kay Williams <55605634+lyndsiWilliams@users.noreply.github.com>
Date: Wed, 10 Nov 2021 12:58:03 -0600
Subject: [PATCH] fix(sqllab): Query limit dropdown number breaks to separate
 lines (#17382)

* Limit break fixed

* Used white-space: nowrap instead of width: max-content
---
 superset-frontend/src/SqlLab/components/SqlEditor/index.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/superset-frontend/src/SqlLab/components/SqlEditor/index.jsx b/superset-frontend/src/SqlLab/components/SqlEditor/index.jsx
index bb2115aec..68d54e6e1 100644
--- a/superset-frontend/src/SqlLab/components/SqlEditor/index.jsx
+++ b/superset-frontend/src/SqlLab/components/SqlEditor/index.jsx
@@ -125,6 +125,10 @@ const StyledToolbar = styled.div`
       }
     }
   }
+
+  .limitDropdown {
+    white-space: nowrap;
+  }
 `;
 
 const propTypes = {
@@ -646,7 +650,7 @@ class SqlEditor extends React.PureComponent {
               <Dropdown overlay={this.renderQueryLimit()} trigger="click">
                 <a onClick={e => e.preventDefault()}>
                   <span>LIMIT:</span>
-                  <span>
+                  <span className="limitDropdown">
                     {this.convertToNumWithSpaces(
                       this.props.queryEditor.queryLimit ||
                         this.props.defaultQueryLimit,