From 1024dedf4e20c7f0e1528c335ed119f34348a2da Mon Sep 17 00:00:00 2001
From: Chris Collins <chriscollins@Chriss-MBP-2.lan>
Date: Fri, 1 Jul 2022 17:02:25 -0400
Subject: [PATCH] fix(ui) Make profile icon clickable to expand header menu

---
 .../src/app/shared/ManageAccount.tsx             | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/datahub-web-react/src/app/shared/ManageAccount.tsx b/datahub-web-react/src/app/shared/ManageAccount.tsx
index 4bc704c1eaf11..32855af1e80c0 100644
--- a/datahub-web-react/src/app/shared/ManageAccount.tsx
+++ b/datahub-web-react/src/app/shared/ManageAccount.tsx
@@ -34,6 +34,12 @@ const DownArrow = styled(CaretDownOutlined)`
     color: ${ANTD_GRAY[7]};
 `;
 
+const DropdownWrapper = styled.div`
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+`;
+
 interface Props {
     urn: string;
     pictureLink?: string;
@@ -102,12 +108,12 @@ export const ManageAccount = ({ urn: _urn, pictureLink: _pictureLink, name }: Pr
     );
 
     return (
-        <>
-            <CustomAvatar photoUrl={_pictureLink} style={{ marginRight: 4 }} name={name} />
-            <Dropdown overlay={menu} trigger={['click']}>
+        <Dropdown overlay={menu} trigger={['click']}>
+            <DropdownWrapper>
+                <CustomAvatar photoUrl={_pictureLink} style={{ marginRight: 4 }} name={name} />
                 <DownArrow />
-            </Dropdown>
-        </>
+            </DropdownWrapper>
+        </Dropdown>
     );
 };