diff --git a/packages/grafana-ui/src/themes/GlobalStyles/GlobalStyles.tsx b/packages/grafana-ui/src/themes/GlobalStyles/GlobalStyles.tsx
index f46a07512d5..44567187aea 100644
--- a/packages/grafana-ui/src/themes/GlobalStyles/GlobalStyles.tsx
+++ b/packages/grafana-ui/src/themes/GlobalStyles/GlobalStyles.tsx
@@ -6,6 +6,7 @@ import { useTheme2 } from '..';
 import { getAgularPanelStyles } from './angularPanelStyles';
 import { getCardStyles } from './card';
 import { getElementStyles } from './elements';
+import { getExtraStyles } from './extra';
 import { getFormElementStyles } from './forms';
 import { getMarkdownStyles } from './markdownStyles';
 import { getPageStyles } from './page';
@@ -18,6 +19,7 @@ export function GlobalStyles() {
     <Global
       styles={[
         getElementStyles(theme),
+        getExtraStyles(theme),
         getFormElementStyles(theme),
         getPageStyles(theme),
         getCardStyles(theme),
diff --git a/packages/grafana-ui/src/themes/GlobalStyles/extra.ts b/packages/grafana-ui/src/themes/GlobalStyles/extra.ts
new file mode 100755
index 00000000000..4344f99aabe
--- /dev/null
+++ b/packages/grafana-ui/src/themes/GlobalStyles/extra.ts
@@ -0,0 +1,12 @@
+import { css } from '@emotion/react';
+
+import { GrafanaTheme2 } from '@grafana/data';
+
+export function getExtraStyles(theme: GrafanaTheme2) {
+  return css`
+    // fix white background on intercom in dark mode
+    iframe.intercom-borderless-frame {
+      color-scheme: ${theme.colors.mode};
+    }
+  `;
+}