diff --git a/src/components/LoadAccountMenu.tsx b/src/components/LoadAccountMenu.tsx
index 5dfb8f4f..f85bf1da 100644
--- a/src/components/LoadAccountMenu.tsx
+++ b/src/components/LoadAccountMenu.tsx
@@ -19,6 +19,7 @@ const StyledBox = styled(Box)(({ theme }) => ({
 }))
 export const LoadAccountMenu = (props: {
     type: string
+    setOpen?: React.Dispatch<React.SetStateAction<boolean>>
     selectedAlias?: string
     updateAlias?: any
 }) => {
@@ -26,6 +27,9 @@ export const LoadAccountMenu = (props: {
     const dispatch = useAppDispatch()
     const setAccount = account => dispatch(updateAccount(account))
     const { updateStore } = useWallet()
+    function closeSelect() {
+        props.setOpen(v => !v)
+    }
     const dispatchNotification = ({ message, type }) =>
         dispatch(updateNotificationStatus({ message, severity: type }))
     useEffectOnce(() => {
@@ -33,7 +37,7 @@ export const LoadAccountMenu = (props: {
             ...props,
             setAccount,
             dispatchNotification,
-
+            closeSelect,
             updateStore,
         })
     }) // eslint-disable-line react-hooks/exhaustive-deps
diff --git a/src/components/Navbar/Account.tsx b/src/components/Navbar/Account.tsx
index 9240fda7..2f4bdefe 100644
--- a/src/components/Navbar/Account.tsx
+++ b/src/components/Navbar/Account.tsx
@@ -1,24 +1,24 @@
-import { Chip, MenuItem, MenuList, Select, Typography, useTheme } from '@mui/material'
-import React, { useEffect } from 'react'
+import { mdiCog, mdiLogout } from '@mdi/js'
+import { Box, Chip, MenuItem, MenuList, Select, Typography, useTheme } from '@mui/material'
+import React, { useEffect, useState } from 'react'
+import { getNameOfWallet, getPchainAddress } from '../../helpers/walletStore'
+import { useAppDispatch, useAppSelector } from '../../hooks/reduxHooks'
 import {
     changeActiveApp,
     getAccount,
     updateAccount,
     updatePchainAddress,
 } from '../../redux/slices/app-config'
-import { getNameOfWallet, getPchainAddress } from '../../helpers/walletStore'
-import { mdiCog, mdiLogout } from '@mdi/js'
-import { useAppDispatch, useAppSelector } from '../../hooks/reduxHooks'
 
-import AliasPicker from './AliasPicker'
 import Icon from '@mdi/react'
-import { LoadAccountMenu } from '../LoadAccountMenu'
 import MHidden from '../@material-extend/MHidden'
+import { LoadAccountMenu } from '../LoadAccountMenu'
+import AliasPicker from './AliasPicker'
 import ThemeSwitcher from './ThemeSwitcher'
 // @ts-ignore
+import { useNavigate } from 'react-router-dom'
 import store from 'wallet/store'
 import { updateAuthStatus } from '../../redux/slices/utils'
-import { useNavigate } from 'react-router-dom'
 
 interface LoginIconProps {
     handleCloseSidebar: () => void
@@ -51,7 +51,7 @@ export default function Account({ handleCloseSidebar }: LoginIconProps) {
     const handleKeyDown = e => {
         e.stopPropagation()
     }
-
+    const [open, setOpen] = useState(false)
     return (
         <>
             <MHidden width="smUp">
@@ -108,16 +108,21 @@ export default function Account({ handleCloseSidebar }: LoginIconProps) {
                 <>
                     {auth && (
                         <Select
+                            open={open}
                             value={
                                 !account ? (
                                     <Typography>Account</Typography>
                                 ) : (
-                                    <LoadAccountMenu type="" />
+                                    <Box onClick={() => setOpen(v => !v)}>
+                                        <LoadAccountMenu type="" />
+                                    </Box>
                                 )
                             }
                             renderValue={() =>
                                 account ? (
-                                    <LoadAccountMenu type="" />
+                                    <Box onClick={() => setOpen(v => !v)}>
+                                        <LoadAccountMenu type="" />
+                                    </Box>
                                 ) : (
                                     <Typography>Account</Typography>
                                 )
@@ -130,6 +135,11 @@ export default function Account({ handleCloseSidebar }: LoginIconProps) {
                             onKeyDown={e => {
                                 handleKeyDown(e)
                             }}
+                            MenuProps={{
+                                onClick: e => {
+                                    e.preventDefault()
+                                },
+                            }}
                         >
                             <MenuItem
                                 onKeyDown={e => {
@@ -137,7 +147,7 @@ export default function Account({ handleCloseSidebar }: LoginIconProps) {
                                 }}
                                 sx={{ typography: 'body2', width: '100%', maxWidth: '326px' }}
                             >
-                                <LoadAccountMenu type="kyc" />
+                                <LoadAccountMenu type="kyc" setOpen={setOpen} />
                             </MenuItem>
                             <MenuItem
                                 onKeyDown={e => {
@@ -164,10 +174,13 @@ export default function Account({ handleCloseSidebar }: LoginIconProps) {
                                     }}
                                     label="beta"
                                 />
-                                <LoadAccountMenu type="kyb" />
+                                <LoadAccountMenu type="kyb" setOpen={setOpen} />
                             </MenuItem>
                             <MenuItem
-                                onClick={() => navigate('/settings')}
+                                onClick={() => {
+                                    navigate('/settings')
+                                    setOpen(v => !v)
+                                }}
                                 onKeyDown={e => {
                                     handleKeyDown(e)
                                 }}
@@ -184,9 +197,9 @@ export default function Account({ handleCloseSidebar }: LoginIconProps) {
                                 <Icon path={mdiCog} size={1} />
                                 <Typography variant="body2">Settings</Typography>
                             </MenuItem>
-                            <AliasPicker handleKeyDown={handleKeyDown} />
+                            <AliasPicker setOpenSelect={setOpen} handleKeyDown={handleKeyDown} />
                             <MenuItem>
-                                <ThemeSwitcher />
+                                <ThemeSwitcher setOpen={setOpen} />
                             </MenuItem>
                             <MenuItem
                                 onKeyDown={e => handleKeyDown(e)}
diff --git a/src/components/Navbar/AliasPicker.tsx b/src/components/Navbar/AliasPicker.tsx
index 826e643a..b4c7028f 100644
--- a/src/components/Navbar/AliasPicker.tsx
+++ b/src/components/Navbar/AliasPicker.tsx
@@ -18,7 +18,13 @@ import DialogAnimate from '../Animate/DialogAnimate'
 import LoadMyKeysComponent from './LoadMyKeysComponent'
 import LoadSaveKeysComponent from './LoadSaveKeysComponent'
 
-const AliasPicker = ({ handleKeyDown }: { handleKeyDown: (e: any) => void }) => {
+const AliasPicker = ({
+    handleKeyDown,
+    setOpenSelect,
+}: {
+    handleKeyDown: (e: any) => void
+    setOpenSelect: React.Dispatch<React.SetStateAction<boolean>>
+}) => {
     const [open, setOpen] = useState(false)
     const [load, setLoad] = useState(false)
     const handleOpenModal = () => {
@@ -32,6 +38,7 @@ const AliasPicker = ({ handleKeyDown }: { handleKeyDown: (e: any) => void }) =>
     }
     const handleCloseModal = () => {
         setOpen(false)
+        setOpenSelect(v => !v)
     }
     useEffect(() => {
         showButton()
diff --git a/src/components/Navbar/ThemeSwitcher.tsx b/src/components/Navbar/ThemeSwitcher.tsx
index 778d0a8e..2d424ec0 100644
--- a/src/components/Navbar/ThemeSwitcher.tsx
+++ b/src/components/Navbar/ThemeSwitcher.tsx
@@ -1,15 +1,15 @@
 import { Button, Typography, useTheme } from '@mui/material'
-import { getTheme, toggleTheme } from '../../redux/slices/theme'
 import { useAppDispatch, useAppSelector } from '../../hooks/reduxHooks'
+import { getTheme, toggleTheme } from '../../redux/slices/theme'
 
-import Icon from '@mdi/react'
-import React from 'react'
 import { mdiWhiteBalanceSunny } from '@mdi/js'
-import store from 'wallet/store'
+import Icon from '@mdi/react'
 import { useStore } from 'Explorer/useStore'
+import React, { Dispatch, SetStateAction } from 'react'
+import store from 'wallet/store'
 import useWidth from '../../hooks/useWidth'
 
-export default function ThemeSwitcher() {
+export default function ThemeSwitcher({ setOpen }: { setOpen: Dispatch<SetStateAction<boolean>> }) {
     const { isDesktop, isMobile } = useWidth()
     const dispatch = useAppDispatch()
     const theme = useTheme()
@@ -23,6 +23,7 @@ export default function ThemeSwitcher() {
         changeTheme(currentTheme === 'light' ? 'dark' : 'light')
         store.commit('updateTheme')
         dispatch(toggleTheme())
+        setOpen(v => !v)
     }
 
     return (