From 1db26f8907dbd7c1e9e2d3c8783b31d4337dd4da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.org>
Date: Sun, 2 May 2021 17:45:24 +0200
Subject: [PATCH] Theme: Fix for Graph tooltip background (#33601)

---
 packages/grafana-ui/src/themes/mixins.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/themes/mixins.ts b/packages/grafana-ui/src/themes/mixins.ts
index aa2043743ef..cb6956cccf1 100644
--- a/packages/grafana-ui/src/themes/mixins.ts
+++ b/packages/grafana-ui/src/themes/mixins.ts
@@ -65,7 +65,8 @@ export function getFocusStyles(theme: GrafanaThemeV2): CSSObject {
 // max-width is set up based on .grafana-tooltip class that's used in dashboard
 export const getTooltipContainerStyles = (theme: GrafanaThemeV2) => `
   overflow: hidden;
-  background: ${theme.components.tooltip.background};
+  background: ${theme.colors.background.secondary};
+  box-shadow: ${theme.shadows.z2};
   max-width: 800px;
   padding: ${theme.spacing(1)};
   border-radius: ${theme.shape.borderRadius()};