diff --git a/packages/grafana-prometheus/src/components/PrometheusMetricsBrowser.tsx b/packages/grafana-prometheus/src/components/PrometheusMetricsBrowser.tsx
index b5136a8ca7b..6d19dfbbe86 100644
--- a/packages/grafana-prometheus/src/components/PrometheusMetricsBrowser.tsx
+++ b/packages/grafana-prometheus/src/components/PrometheusMetricsBrowser.tsx
@@ -150,8 +150,10 @@ const getStyles = stylesFactory((theme: GrafanaTheme2) => ({
     width: '50%',
     right: 0,
     textAlign: 'right',
-    transition: 'opacity 100ms linear',
     opacity: 0,
+    [theme.transitions.handleMotion('no-preference', 'reduce')]: {
+      transition: 'opacity 100ms linear',
+    },
   }),
   statusShowing: css({
     opacity: 1,