diff --git a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
index 0bcf7ae53ad..6387573973f 100644
--- a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
+++ b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx
@@ -63,6 +63,8 @@ export const TooltipPlugin = ({
 
   const pluginId = `TooltipPlugin`;
 
+  const style = useStyles2(getStyles);
+
   // Debug logs
   useEffect(() => {
     pluginLog(pluginId, true, `Focused series: ${focusedSeriesIdx}, focused point: ${focusedPointIdx}`);
@@ -274,8 +276,6 @@ export const TooltipPlugin = ({
     tooltip = renderTooltip(otherProps.data, focusedSeriesIdx, focusedPointIdx);
   }
 
-  const style = useStyles2(getStyles);
-
   return (
     <Portal className={isActive ? style.tooltipWrapper : undefined}>
       {tooltip && coords && (