From 4e93b0f4678a93ff1b7968d630ddc2812a5efd81 Mon Sep 17 00:00:00 2001
From: kay delaney <45561153+kaydelaney@users.noreply.github.com>
Date: Thu, 17 Oct 2024 12:02:16 +0100
Subject: [PATCH] Frontend/Themes: Fix handleMotion function (#94856)

---
 packages/grafana-data/src/themes/createTransitions.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-data/src/themes/createTransitions.ts b/packages/grafana-data/src/themes/createTransitions.ts
index 723978b1741..71a610576cc 100644
--- a/packages/grafana-data/src/themes/createTransitions.ts
+++ b/packages/grafana-data/src/themes/createTransitions.ts
@@ -56,7 +56,7 @@ export function create(props: string | string[] = ['all'], options: CreateTransi
 type ReducedMotionProps = 'no-preference' | 'reduce';
 
 export function handleMotion(...props: ReducedMotionProps[]) {
-  return props.map((prop) => `@media (prefers-reduced-motion: ${prop})`).join(',');
+  return `@media ${props.map((prop) => `(prefers-reduced-motion: ${prop})`).join(',')}`;
 }
 
 export function getAutoHeightDuration(height: number) {