From 18b994bb4cac7a292e903f598d24c9ad88cba0eb Mon Sep 17 00:00:00 2001
From: Manavpreet Singh <42695610+Manavpreeet@users.noreply.github.com>
Date: Tue, 19 Dec 2023 23:35:33 +0530
Subject: [PATCH] Fix: dropdown menu awkward hover state fixed (#12876)

Co-authored-by: ManavpreetSingh <119919977+manavpreetsingh@users.noreply.github.com>
Co-authored-by: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com>
---
 packages/ui/components/form/dropdown/Dropdown.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/components/form/dropdown/Dropdown.tsx b/packages/ui/components/form/dropdown/Dropdown.tsx
index fcc0e55971..8445706af1 100644
--- a/packages/ui/components/form/dropdown/Dropdown.tsx
+++ b/packages/ui/components/form/dropdown/Dropdown.tsx
@@ -137,7 +137,7 @@ export const DropdownItem = (props: DropdownItemProps) => {
     <ButtonOrLink
       {...rest}
       className={classNames(
-        "hover:text-emphasis text-default inline-flex w-full items-center space-x-2 px-3 py-2 transition disabled:cursor-not-allowed",
+        "hover:text-emphasis text-default inline-flex w-full items-center space-x-2 px-3 py-2  disabled:cursor-not-allowed",
         color === "destructive"
           ? "hover:bg-error hover:text-red-700 dark:hover:text-red-100"
           : "hover:bg-subtle",