fix(sqllab): stop OAuth2 banner from ballooning the database selector popover

superset-frontend/src/SqlLab/components/SqlEditorLeftBar/index.tsx

@@ -135,6 +135,7 @@ const SqlEditorLeftBar = ({
       data-test="DatabaseSelector"
       css={css`
         min-width: 500px;
+        max-width: 500px;
       `}
     >
       <Typography.Title level={5} style={{ margin: 0 }}>

superset-frontend/src/components/ErrorMessage/OAuth2RedirectMessage.test.tsx

@@ -146,6 +146,17 @@ describe('OAuth2RedirectMessage Component', () => {
     expect(getByText(/provide authorization/i)).toBeInTheDocument();
   });
 
+  test('renders the prose body without preformatted/monospace styling so it wraps within the popover', () => {
+    const { container } = render(setup());
+
+    // The OAuth2 body is prose, not a stack trace, so it must not be styled as
+    // preformatted (monospace + pre-wrap). Otherwise it renders as a single
+    // unwrapped line that balloons the SQL Lab popover width.
+    const description = container.querySelector('[data-testid="description"]');
+    expect(description).not.toBeNull();
+    expect(description).not.toHaveStyle({ whiteSpace: 'pre-wrap' });
+  });
+
   test('renders the authorization link pointing at the OAuth2 URL', () => {
     const { getByText } = render(setup());
 

superset-frontend/src/components/ErrorMessage/OAuth2RedirectMessage.tsx

@@ -181,6 +181,7 @@ export function OAuth2RedirectMessage({
       message={subtitle}
       type={level}
       description={body}
+      descriptionPre={false}
       closable={closable}
     />
   );