diff --git a/src/layout/SideMenu.tsx b/src/layout/SideMenu.tsx
index 05f655421..76844de71 100644
--- a/src/layout/SideMenu.tsx
+++ b/src/layout/SideMenu.tsx
@@ -23,8 +23,8 @@ const renderPageLink = (item: PageLink) => {
   }
 
   return (
-    <Menu.Item className='DfMenuItem' key={item.href[1] || item.href[0]}>
-      <CustomLink href={item.href[0]} passHref>
+    <Menu.Item className='DfMenuItem' key={item.href}>
+      <CustomLink href={item.href} passHref>
         <a {...anchorProps}>
           <span className='MenuItemIcon'>{icon}</span>
           <span className='MenuItemName'>{item.name}</span>
@@ -35,7 +35,7 @@ const renderPageLink = (item: PageLink) => {
 }
 
 function SideMenu({ noOffset }: { noOffset?: boolean }) {
-  const { asPath } = useRouter()
+  const { pathname } = useRouter()
   const myAddress = useMyAddress()
 
   const menuItems = buildAuthorizedMenu(myAddress)
@@ -48,7 +48,7 @@ function SideMenu({ noOffset }: { noOffset?: boolean }) {
       )}
     >
       <Menu
-        selectedKeys={[asPath]}
+        selectedKeys={[pathname]}
         mode='inline'
         theme='light'
         className={clsx(styles.Menu, noOffset && styles.MenuNoOffset)}
diff --git a/src/styles/subsocial.scss b/src/styles/subsocial.scss
index 5852d51f5..b6d091f0e 100644
--- a/src/styles/subsocial.scss
+++ b/src/styles/subsocial.scss
@@ -2400,3 +2400,10 @@ hr {
   padding-left: $space_normal;
   padding-right: $space_normal;
 }
+
+.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+  background-color: transparent !important;
+}
+.ant-menu-item::after {
+  display: none !important;
+}