diff --git a/packages/grafana-ui/src/components/EmptyState/GrotNotFound/GrotNotFound.tsx b/packages/grafana-ui/src/components/EmptyState/GrotNotFound/GrotNotFound.tsx
index 1f09105dbf6..4a288f886d1 100644
--- a/packages/grafana-ui/src/components/EmptyState/GrotNotFound/GrotNotFound.tsx
+++ b/packages/grafana-ui/src/components/EmptyState/GrotNotFound/GrotNotFound.tsx
@@ -24,6 +24,11 @@ export const GrotNotFound = ({ width = 'auto', height }: Props) => {
 
   useEffect(() => {
     const handleMouseMove = (event: MouseEvent) => {
+      // don't apply animation if reduced motion preference is set
+      if (window.matchMedia('(prefers-reduced-motion: reduce').matches) {
+        return;
+      }
+
       const grotArm = svgRef.current?.querySelector('#grot-not-found-arm');
       const grotMagnifier = svgRef.current?.querySelector('#grot-not-found-magnifier');