From 2c3d89dc182183cbb7bb5549b7fa6ce45189c93d Mon Sep 17 00:00:00 2001
From: Kar Rui <karrui.lau@gmail.com>
Date: Wed, 20 Jul 2022 10:55:25 +0800
Subject: [PATCH 1/2] fix(AvatarMenu): show correct chevron icon when state is
 open

---
 frontend/src/templates/AvatarMenu/AvatarMenu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/templates/AvatarMenu/AvatarMenu.tsx b/frontend/src/templates/AvatarMenu/AvatarMenu.tsx
index 3a8873b296..69de8ea74e 100644
--- a/frontend/src/templates/AvatarMenu/AvatarMenu.tsx
+++ b/frontend/src/templates/AvatarMenu/AvatarMenu.tsx
@@ -84,7 +84,7 @@ export const AvatarMenu = ({
     <Menu autoSelect={false} defaultIsOpen={defaultIsOpen}>
       {({ isOpen }) => (
         <>
-          <AvatarMenuButton role="group" isActive={isOpen}>
+          <AvatarMenuButton role="group" isActive={isOpen} isOpen={isOpen}>
             <Avatar
               name={name}
               sx={styles.avatar}

From 456efe69952c2a7ba840125737e5a26e225f3029 Mon Sep 17 00:00:00 2001
From: Kar Rui <karrui.lau@gmail.com>
Date: Wed, 20 Jul 2022 10:56:29 +0800
Subject: [PATCH 2/2] ref: use rem instead of px

---
 frontend/src/templates/AvatarMenu/AvatarMenu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/templates/AvatarMenu/AvatarMenu.tsx b/frontend/src/templates/AvatarMenu/AvatarMenu.tsx
index 69de8ea74e..90c9561faa 100644
--- a/frontend/src/templates/AvatarMenu/AvatarMenu.tsx
+++ b/frontend/src/templates/AvatarMenu/AvatarMenu.tsx
@@ -27,7 +27,7 @@ const AvatarMenuButton = (props: MenuButtonProps): JSX.Element => {
       px="0"
       iconSpacing="0.5rem"
       color="secondary.300"
-      chevronSize="24px"
+      chevronSize="1.5rem"
       _focus={{}}
       {...props}
     />