From e57710c496e729ac284f383c72bbe044a501543a Mon Sep 17 00:00:00 2001
From: Jamie Henson <jamie.henson@ably.com>
Date: Thu, 12 Dec 2024 12:37:44 +0000
Subject: [PATCH] fix: take transitioned gradient from legacy high priority
 button

---
 src/core/styles/buttons.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/core/styles/buttons.css b/src/core/styles/buttons.css
index 44ea53918..baf864709 100644
--- a/src/core/styles/buttons.css
+++ b/src/core/styles/buttons.css
@@ -28,11 +28,11 @@
   }
 
   .ui-button-priority-base {
-    @apply bg-gradient-active-orange hover:bg-gradient-to-r hover:from-orange-800 hover:to-orange-800 active:bg-gradient-to-r active:from-orange-800 active:to-orange-800 disabled:bg-none ui-button-disabled-base;
+    @apply bg-gradient-active-orange bg-[size:300%] hover:bg-right active:bg-right transition-[background-position] disabled:bg-none ui-button-disabled-base;
   }
 
   .ui-theme-dark .ui-button-priority-base {
-    @apply bg-gradient-active-orange hover:bg-gradient-to-r hover:from-orange-800 hover:to-orange-800 active:bg-gradient-to-r active:from-orange-800 active:to-orange-800 disabled:bg-none ui-button-disabled-base-dark;
+    @apply bg-gradient-active-orange bg-[size:300%] hover:bg-right active:bg-right transition-[background-position] disabled:bg-none ui-button-disabled-base-dark;
   }
 
   .ui-button-primary-base {