From 447cce7c926f1d3e45d9ffdcca61ab4e65f85cf6 Mon Sep 17 00:00:00 2001
From: pavel <14926950+prichodko@users.noreply.github.com>
Date: Mon, 30 Sep 2024 13:22:11 +0200
Subject: [PATCH] fix `<DropdowMenu.SubTrigger />` expanded state (#586)

* fix submenu trigger

* Create early-ligers-act.md
---
 .changeset/early-ligers-act.md                          | 5 +++++
 packages/components/src/dropdown-menu/dropdown-menu.tsx | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/early-ligers-act.md

diff --git a/.changeset/early-ligers-act.md b/.changeset/early-ligers-act.md
new file mode 100644
index 00000000..d82b7a2a
--- /dev/null
+++ b/.changeset/early-ligers-act.md
@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+fix `<DropdowMenu.SubTrigger />` expanded state 
diff --git a/packages/components/src/dropdown-menu/dropdown-menu.tsx b/packages/components/src/dropdown-menu/dropdown-menu.tsx
index 07859111..31c5d4c8 100644
--- a/packages/components/src/dropdown-menu/dropdown-menu.tsx
+++ b/packages/components/src/dropdown-menu/dropdown-menu.tsx
@@ -294,7 +294,10 @@ export const SubTrigger = (props: SubTriggerProps) => {
   const { icon, label, danger, ...itemProps } = props
 
   return (
-    <DropdownMenu.SubTrigger {...itemProps} className={itemStyles()}>
+    <DropdownMenu.SubTrigger
+      {...itemProps}
+      className={itemStyles({ className: 'aria-expanded:bg-neutral-5' })}
+    >
       {icon && (
         <span className={iconStyles({ danger })}>{cloneElement(icon)}</span>
       )}