From 63bfad4d9c4effc9f2a39c846d23f68daed9628f Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Wed, 27 Dec 2023 19:14:23 -0800
Subject: [PATCH] Fixed profile button.

---
 package.json                                  | 2 +-
 src/components/input/ProfileButton.module.css | 3 +++
 src/components/input/ProfileButton.tsx        | 2 +-
 yarn.lock                                     | 8 ++++----
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index f5c1dc12..e159844a 100644
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
     "npm-run-all": "^4.1.5",
     "prisma": "5.7.0",
     "react": "^18.2.0",
-    "react-basics": "^0.116.0",
+    "react-basics": "^0.117.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.4",
diff --git a/src/components/input/ProfileButton.module.css b/src/components/input/ProfileButton.module.css
index e7843344..e3557b18 100644
--- a/src/components/input/ProfileButton.module.css
+++ b/src/components/input/ProfileButton.module.css
@@ -1,6 +1,9 @@
 .menu {
   width: 200px;
   z-index: var(--z-index-popup);
+  border: 1px solid var(--border-color);
+  border-radius: var(--border-radius);
+  overflow: hidden;
 }
 
 .item {
diff --git a/src/components/input/ProfileButton.tsx b/src/components/input/ProfileButton.tsx
index 2c3f8629..5c1d33f3 100644
--- a/src/components/input/ProfileButton.tsx
+++ b/src/components/input/ProfileButton.tsx
@@ -34,7 +34,7 @@ export function ProfileButton() {
         </Icon>
       </Button>
       <Popup position="bottom" alignment={dir === 'rtl' ? 'start' : 'end'}>
-        <Menu variant="popup" onSelect={handleSelect} className={styles.menu}>
+        <Menu onSelect={handleSelect} className={styles.menu}>
           <Item key="user" className={styles.item}>
             <Text>{user.username}</Text>
           </Item>
diff --git a/yarn.lock b/yarn.lock
index aef653fa..9e788ec2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7570,10 +7570,10 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-basics@^0.116.0:
-  version "0.116.0"
-  resolved "https://registry.yarnpkg.com/react-basics/-/react-basics-0.116.0.tgz#497aa40ceec6c6e849a64be738853f9f04502f8f"
-  integrity sha512-Vv9CFbrlJPClQ22EvLIdWDmxzY1yRlEd9D4RLYQejl1CsDwvTCjP0Y3zkOmHiFVP9I2VcwUf9uhDf5GASh17dw==
+react-basics@^0.117.0:
+  version "0.117.0"
+  resolved "https://registry.yarnpkg.com/react-basics/-/react-basics-0.117.0.tgz#f75c78acac678f6c4c8e1fdcc7e2a9f415148f1d"
+  integrity sha512-coGwL84LhNrw9kAN2REvR9i6bVs55ZnnQxlDsnH6hnj75Sp36rigGNClSwVN1XTlUWp6k+Gc4rn78cc1E/qn2g==
   dependencies:
     "@react-spring/web" "^9.7.3"
     classnames "^2.3.1"