From ea740e12d18eaace1d70baff7ff20017aa391eca Mon Sep 17 00:00:00 2001
From: Fred KISSIE <fredkiss3@gmail.com>
Date: Fri, 14 Aug 2026 19:07:13 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20nice=20little=20animation=20on?=
 =?UTF-8?q?=20alert=20rule=20field?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/alert-rule-editor/AlertRuleFields.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/alert-rule-editor/AlertRuleFields.tsx b/src/components/alert-rule-editor/AlertRuleFields.tsx
index 147369a9e..155138866 100644
--- a/src/components/alert-rule-editor/AlertRuleFields.tsx
+++ b/src/components/alert-rule-editor/AlertRuleFields.tsx
@@ -60,6 +60,7 @@ import { useFormContext, useWatch } from "react-hook-form";
 import { useDebounce } from "use-debounce";
 import { RolesSelector } from "../roles-selector";
 import { UsersSelector } from "../users-selector";
+import { cn } from "@app/lib/cn";
 
 export function AddActionPanel({
     onAdd
@@ -149,7 +150,12 @@ export function AddActionPanel({
                 <PopoverTrigger asChild>
                     <Button type="button" variant="outline">
                         {t("alertingSelectActionType")}
-                        <ChevronRightIcon className="size-4" />
+                        <ChevronRightIcon
+                            className={cn(
+                                "size-4 transition-transform duration-150",
+                                isPopoverOpen && "rotate-90"
+                            )}
+                        />
                     </Button>
                 </PopoverTrigger>
                 <PopoverContent className="shadow-md flex flex-col gap-3 w-150">