From 4dc1fbedd044e1dbeb51325b104523edd7d4e4f8 Mon Sep 17 00:00:00 2001
From: Zane <75694352+zanesq@users.noreply.github.com>
Date: Fri, 6 Feb 2026 11:27:08 -0800
Subject: [PATCH] fix: ensure animated elements are visible when
 prefers-reduced-motion is enabled (#7047)

---
 ui/desktop/src/styles/main.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/ui/desktop/src/styles/main.css b/ui/desktop/src/styles/main.css
index 7d94ab3a..1a6c2f93 100644
--- a/ui/desktop/src/styles/main.css
+++ b/ui/desktop/src/styles/main.css
@@ -373,6 +373,11 @@
   [class*='animate-[wind'] {
     animation: none !important;
   }
+
+  /* Elements that use opacity-0 with appear animation need to be visible when animations are disabled */
+  .opacity-0[class*='animate-'] {
+    opacity: 1 !important;
+  }
 }
 
 /* Toast close button styling */