diff --git a/src/components/NavMenu.vue b/src/components/NavMenu.vue
index c7b0b46a..e2d2970c 100644
--- a/src/components/NavMenu.vue
+++ b/src/components/NavMenu.vue
@@ -39,6 +39,7 @@
                             <i :class="item.icon"></i>
                             <span>{{ t(item.title || '') }}</span>
                         </div>
+
                         <div class="nav-menu-popover__menu">
                             <button
                                 v-for="entry in item.entries"
@@ -46,12 +47,21 @@
                                 type="button"
                                 class="nav-menu-popover__menu-item"
                                 @click="handleSubmenuClick(entry.path, item.index)">
-                                <span class="nav-menu-popover__menu-label">{{ t(entry.label) }}</span>
+                                <span class="nav-menu-popover__menu-label"
+                                    >{{ t(entry.label) }}<span class="nav-menu-popover__menu-label-dot"></span
+                                ></span>
                             </button>
                         </div>
+                        >
                     </div>
                     <template #reference>
-                        <el-menu-item :index="item.index" :class="{ notify: notifiedMenus.includes(item.index) }">
+                        <el-menu-item
+                            :index="item.index"
+                            :class="{
+                                notify:
+                                    notifiedMenus.includes(item.index) ||
+                                    (notifiedMenus.includes('friend-log') && item.index === 'social')
+                            }">
                             <i :class="item.icon"></i>
                             <template #title v-if="item.tooltip">
                                 <span>{{ t(item.tooltip) }}</span>
@@ -244,9 +254,9 @@
             tooltip: '',
             title: 'nav_tooltip.social',
             entries: [
-                { label: 'nav_tooltip.friend_log', path: '/friend-log' },
-                { label: 'nav_tooltip.friend_list', path: '/friend-list' },
-                { label: 'nav_tooltip.moderation', path: '/moderation' }
+                { label: 'nav_tooltip.friend_log', path: '/social/friend-log' },
+                { label: 'nav_tooltip.friend_list', path: '/social/friend-list' },
+                { label: 'nav_tooltip.moderation', path: '/social/moderation' }
             ]
         },
 
@@ -508,6 +518,16 @@
 
         .nav-menu-popover__menu-label {
             font-weight: 600;
+            position: relative;
+        }
+
+        .nav-menu-popover__menu-label-dot {
+            position: absolute;
+            right: -4px;
+            width: 4px;
+            height: 4px;
+            background: #303133;
+            border-radius: 50%;
         }
     }
 
diff --git a/src/plugin/router.js b/src/plugin/router.js
index 825514ea..4b7c0f25 100644
--- a/src/plugin/router.js
+++ b/src/plugin/router.js
@@ -25,11 +25,11 @@ const routes = [
     { path: '/player-list', name: 'player-list', component: PlayerList },
     { path: '/search', name: 'search', component: Search },
     { path: '/favorites', name: 'favorites', component: Favorites },
-    { path: '/friend-log', name: 'friend-log', component: FriendLog },
-    { path: '/moderation', name: 'moderation', component: Moderation },
+    { path: '/social/friend-log', name: 'friend-log', component: FriendLog },
+    { path: '/social/moderation', name: 'moderation', component: Moderation },
     { path: '/notification', name: 'notification', component: Notification },
     {
-        path: '/friend-list',
+        path: '/social/friend-list',
         name: 'friend-list',
         component: FriendList
     },
@@ -51,9 +51,13 @@ export function initRouter(app) {
     app.use(router);
 }
 
-router.beforeEach((to, from) => {
-    if (to.path === '/social') {
+router.beforeEach((to, from, next) => {
+    if (to.path == '/') {
+        next('/feed');
+        return;
+    }
+    if (to.path === '/social' || to.path === '/social/social') {
         return false;
     }
-    return true;
+    next();
 });