diff --git a/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx b/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx index f44a7e3f7659d..354d6b1c8fb81 100644 --- a/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx +++ b/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx @@ -22,6 +22,7 @@ import { useDispatch } from 'react-redux'; import { css, styled, usePrevious, useTheme } from '@superset-ui/core'; import { Global } from '@emotion/react'; +import { SQL_EDITOR_LEFTBAR_WIDTH } from 'src/SqlLab/constants'; import { queryEditorSetSelectedText } from 'src/SqlLab/actions/sqlLab'; import { FullSQLEditor as AceEditor } from 'src/components/AsyncAceEditor'; import type { KeyboardShortcut } from 'src/SqlLab/components/KeyboardShortcutButton'; @@ -189,6 +190,10 @@ const AceEditorWrapper = ({ width: ${theme.gridUnit * 130}px !important; } + .ace_tooltip { + max-width: ${SQL_EDITOR_LEFTBAR_WIDTH}px; + } + .ace_scroller { background-color: ${theme.colors.grayscale.light4}; }