From 0787c4890e392521365980ac91ddee6b3cc9a350 Mon Sep 17 00:00:00 2001
From: Deepanshu <140803342+deepanshurajput0@users.noreply.github.com>
Date: Wed, 18 Feb 2026 23:09:11 +0530
Subject: [PATCH] fix: add toggle in workflow form (#27983)

---
 .../ui/components/editor/plugins/AddVariablesDropdown.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx b/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx
index ac870d61f6..fd2bf259c4 100644
--- a/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx
+++ b/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx
@@ -6,7 +6,7 @@ import useMediaQuery from "@calcom/lib/hooks/useMediaQuery";
 import classNames from "../../../classNames";
 import { Dropdown, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../dropdown";
 import { Input } from "../../form";
-import { ChevronDownIcon } from "@coss/ui/icons";
+import { ChevronDownIcon, ChevronUpIcon } from "@coss/ui/icons";
 
 interface IAddVariablesDropdown {
   addVariable: (variable: string) => void;
@@ -124,7 +124,11 @@ export const AddVariablesDropdown = (props: IAddVariablesDropdown) => {
           ) : (
             <div className="flex">
               {t("add_variable")}
-              <ChevronDownIcon className="ml-1 mt-[2px] h-4 w-4" />
+              {
+                isOpen ? ( <ChevronUpIcon className="ml-1 mt-[2px] h-4 w-4" />) : (
+                  <ChevronDownIcon className="ml-1 mt-[2px] h-4 w-4" />
+                )
+              }
             </div>
           )}
         </div>