From cb4f314e3f3582d30708fa92ea1ae778190650d2 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 9 May 2019 09:51:43 +0300
Subject: [PATCH] UserMenu adapted to the new Popup api

---
 src/common/NavBar/UserMenu/UserMenu.js | 4 ++--
 src/common/NavBar/UserMenu/styles.less | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/common/NavBar/UserMenu/UserMenu.js b/src/common/NavBar/UserMenu/UserMenu.js
index 7fd7ac26e..7d4b7d6b1 100644
--- a/src/common/NavBar/UserMenu/UserMenu.js
+++ b/src/common/NavBar/UserMenu/UserMenu.js
@@ -26,14 +26,14 @@ const UserMenu = ({ className, email, avatar, logout }) => {
     }, []);
 
     return (
-        <Popup modalContainerClassName={styles['user-menu-modal-container']}>
+        <Popup>
             <Popup.Label>
                 <Input className={classnames(className, styles['user-menu-button'])} tabIndex={-1} type={'button'}>
                     <Icon className={classnames(styles['icon'], styles['user-icon'])} icon={'ic_user'} />
                     <Icon className={classnames(styles['icon'], styles['arrow-icon'])} icon={'ic_arrow_down'} />
                 </Input>
             </Popup.Label>
-            <Popup.Menu>
+            <Popup.Menu className={styles['user-menu-container']}>
                 <div className={styles['user-menu']}>
                     <div className={styles['user-info']}>
                         <div
diff --git a/src/common/NavBar/UserMenu/styles.less b/src/common/NavBar/UserMenu/styles.less
index 3a0ed4a2c..24bc4ee93 100644
--- a/src/common/NavBar/UserMenu/styles.less
+++ b/src/common/NavBar/UserMenu/styles.less
@@ -26,7 +26,7 @@
     }
 }
 
-.user-menu-modal-container {
+.user-menu-container {
     --box-shadow: -0.6em .6em .5em -0.1em var(--color-backgrounddark40);
 
     .user-menu {