From dbc064200978aca9147a46b34a4e7963f24474c5 Mon Sep 17 00:00:00 2001
From: Sol <94075844+sjd210@users.noreply.github.com>
Date: Wed, 19 Jul 2023 11:37:13 +0100
Subject: [PATCH] Tooltip: Set tooltip of active panel to front of zIndex (with
 object syntax emotion CSS) (#71925)

---
 .../src/components/uPlot/plugins/TooltipPlugin.tsx          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
index a9ee42efb33..0bcf7ae53ad 100644
--- a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
+++ b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
@@ -327,7 +327,7 @@ export function positionTooltip(u: uPlot, bbox: DOMRect) {
 }
 
 const getStyles = (theme: GrafanaTheme2) => ({
-  tooltipWrapper: css`
-    z-index: ${theme.zIndex.portal + 1} !important;
-  `,
+  tooltipWrapper: css({
+    'z-index': theme.zIndex.portal + 1 + ' !important',
+  }),
 });