Fix ChatbotUI background inheritance (#1145)

mongodb · Jun 20, 2024 · a62b7ad · a62b7ad
1 parent cf7d48a
commit a62b7ad
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/ChatbotUi.js b/src/components/ChatbotUi.js
@@ -1,6 +1,7 @@
 import React, { lazy } from 'react';
 import PropTypes from 'prop-types';
 import Skeleton from 'react-loading-skeleton';
+import { palette } from '@leafygreen-ui/palette';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from '../theme/docsTheme';
@@ -58,7 +59,7 @@ const StyledChatBotUiContainer = styled.div`
   padding: ${theme.size.default} 50px;
   z-index: 1;
   width: 100%;
-  background: inherit;
+  background: ${process.env.GATSBY_ENABLE_DARK_MODE === 'true' ? 'inherit' : palette.white};
   min-height: 96px;
   align-items: center;