add jp-ThemedContainer to root element

jupyterlab · Nov 12, 2024 · 4e3047c · 4e3047c
1 parent 189d54b
commit 4e3047c
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/jupyter-ai/src/components/chat.tsx b/packages/jupyter-ai/src/components/chat.tsx
@@ -233,6 +233,9 @@ export function Chat(props: ChatProps): JSX.Element {
             <TelemetryContextProvider telemetryHandler={props.telemetryHandler}>
               <UserContextProvider userManager={props.userManager}>
                 <Box
+                  // Add .jp-ThemedContainer for CSS compatibility in both JL <4.3.0 and >=4.3.0.
+                  // See: https://jupyterlab.readthedocs.io/en/latest/extension/extension_migration.html#css-styling
+                  className="jp-ThemedContainer"
                   // root box should not include padding as it offsets the vertical
                   // scrollbar to the left
                   sx={{