diff --git a/src/pages/NavBar.tsx b/src/pages/NavBar.tsx
index 6d28912..96756f8 100644
--- a/src/pages/NavBar.tsx
+++ b/src/pages/NavBar.tsx
@@ -38,7 +38,11 @@ const NavBar = ({ accounts }: { accounts: AccountInfo[] }) => {
           <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }} >
             {
               (accounts.length !== 0) &&
-              <IconButton onClick={() => updateMobileSideBarOpen(!mobileSideBarOpen)} sx={{ display: { xs: '', sm: 'none' } }}>
+              <IconButton
+                onClick={() => updateMobileSideBarOpen(!mobileSideBarOpen)}
+                sx={{ display: { xs: '', sm: 'none' } }}
+                className='app-region-no-drag'
+              >
                 <MenuOutlinedIcon />
               </IconButton>
             }
diff --git a/src/pages/Player/Audio.tsx b/src/pages/Player/Audio/Audio.tsx
similarity index 97%
rename from src/pages/Player/Audio.tsx
rename to src/pages/Player/Audio/Audio.tsx
index c82eb79..32d828c 100644
--- a/src/pages/Player/Audio.tsx
+++ b/src/pages/Player/Audio/Audio.tsx
@@ -17,11 +17,11 @@ import OpenInFullIcon from '@mui/icons-material/OpenInFull'
 import CloseFullscreenIcon from '@mui/icons-material/CloseFullscreen'
 import PanoramaOutlinedIcon from '@mui/icons-material/PanoramaOutlined'
 // import PictureInPictureIcon from '@mui/icons-material/PictureInPicture'
-import usePlayQueueStore from '../../store/usePlayQueueStore'
-import usePlayerStore from '../../store/usePlayerStore'
-import useUiStore from '../../store/useUiStore'
-import { timeShift } from '../../utils'
-import { MetaData } from '../../types/MetaData'
+import usePlayQueueStore from '../../../store/usePlayQueueStore'
+import usePlayerStore from '../../../store/usePlayerStore'
+import useUiStore from '../../../store/useUiStore'
+import { timeShift } from '../../../utils'
+import { MetaData } from '../../../types/MetaData'
 
 const Audio = (
   {
diff --git a/src/pages/Player/Player.tsx b/src/pages/Player/Player.tsx
index b5fe498..62b8f61 100644
--- a/src/pages/Player/Player.tsx
+++ b/src/pages/Player/Player.tsx
@@ -12,7 +12,7 @@ import { useControlHide } from '../../hooks/useControlHide'
 import { useMediaSession } from '../../hooks/useMediaSession'
 import useFilesData from '../../hooks/useFilesData'
 import useTheme from '../../hooks/useTheme'
-import Audio from './Audio'
+import Audio from './Audio/Audio'
 import PlayerControl from './PlayerControl'
 import PlayQueue from './PlayQueue'
 import { filePathConvert, shufflePlayQueue } from '../../utils'
diff --git a/src/pages/SideBar/MobileSideBar.tsx b/src/pages/SideBar/MobileSideBar.tsx
index e29772b..d700706 100644
--- a/src/pages/SideBar/MobileSideBar.tsx
+++ b/src/pages/SideBar/MobileSideBar.tsx
@@ -20,7 +20,12 @@ const MobileSideBar = () => {
       }}
       sx={{
         display: { xs: 'block', sm: 'none' },
-        '& .MuiDrawer-paper': { boxSizing: 'border-box', minWidth: 260, maxWidth: 280 },
+        '& .MuiDrawer-paper': {
+          boxSizing: 'border-box',
+          minWidth: 260,
+          maxWidth: 280,
+          paddingTop: 'env(titlebar-area-height, 0)',
+        },
       }}
     >
       <SideBar />