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 {