diff --git a/src/components/Layout/components/PlayingBar/mobileMenu.tsx b/src/components/Layout/components/PlayingBar/mobileMenu.tsx
index 2ed0e2f..a28842c 100644
--- a/src/components/Layout/components/PlayingBar/mobileMenu.tsx
+++ b/src/components/Layout/components/PlayingBar/mobileMenu.tsx
@@ -1,9 +1,12 @@
 import { useNavigate } from 'react-router-dom';
 import { HomeIcon, LibraryIcon, SearchIcon } from '../../../Icons';
 import { useTranslation } from 'react-i18next';
+import { useDispatch } from 'react-redux';
+import { libraryActions } from '../../../../store/slices/library';
 
 export const MobileMenu = () => {
   const navigate = useNavigate();
+  const dispatch = useDispatch();
 
   const [t] = useTranslation(['playingBar']);
 
@@ -21,10 +24,10 @@ export const MobileMenu = () => {
         <SearchIcon />
         <p>{t('Source code')}</p>
       </a>
-      <a href='/about'>
+      <button onClick={() => dispatch(libraryActions.toggleLibrary())}>
         <LibraryIcon />
         <p>{t('Your Library')}</p>
-      </a>
+      </button>
     </footer>
   );
 };