diff --git a/app/components/Button.tsx b/app/components/Button.tsx
index be81695877..67eafce6b6 100644
--- a/app/components/Button.tsx
+++ b/app/components/Button.tsx
@@ -26,7 +26,7 @@ export const Button = ({
         return " bg-brand-secondary hover:bg-brand-secondary-900 text-white focus-visible:outline-brand-secondary";
       }
       case "action": {
-        return " bg-action hover:bg-action-700 text-white focus-visible:outline-action";
+        return " bg-action hover:bg-action-500 text-white focus-visible:outline-action";
       }
       case "primary":
       default: {