Fixed profile button.

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",

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 {

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>

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"