diff --git a/components/MenuButtonGroup.js b/components/MenuButtonGroup.js
index 34021131..af9dff85 100644
--- a/components/MenuButtonGroup.js
+++ b/components/MenuButtonGroup.js
@@ -25,7 +25,7 @@ const MenuButtonGroup = ({ allowCollapse = false }) => {
     <div className='leading-8 text-gray-500 dark:text-gray-400'>
       {links.map(link => {
         if (link.show) {
-          const selected = router.pathname === link.to
+          const selected = (router.pathname === link.to) || (router.asPath === link.to)
           return <Link key={link.id + link.icon} title={link.to} href={link.to} >
             <a className={'py-2 px-5 hover:text-black dark:hover:text-white hover:bg-gray-100 cursor-pointer dark:hover:bg-gray-600 duration-100 flex flex-nowrap align-middle ' +
               (selected ? 'font-bold bg-gray-200 dark:bg-black dark:text-white text-black ' : '')} >