diff --git a/components/layout/NavButtons.tsx b/components/layout/NavButtons.tsx
index 756860610..959683cd8 100644
--- a/components/layout/NavButtons.tsx
+++ b/components/layout/NavButtons.tsx
@@ -58,6 +58,7 @@ const NavButtons = ({ onButtonClick }: { onButtonClick?: () => void }) => {
             _hover={{
               bg: bgColor,
             }}
+            onClick={onButtonClick}
           >
             <UserAvatar user={user} size="sm" />
             <Box ml={2}>My Page</Box>