diff --git a/src/views/Sidebar/components/NotificationItem.vue b/src/views/Sidebar/components/NotificationItem.vue
index 31f5771f..49962a6c 100644
--- a/src/views/Sidebar/components/NotificationItem.vue
+++ b/src/views/Sidebar/components/NotificationItem.vue
@@ -279,7 +279,7 @@
         // if (n.senderUsername && n.senderUsername?.Value === null) {
         //     return n.title || n.data?.groupName || n.groupName || n.details?.groupName || '';
         // }
-        return n.senderUsername || n.data?.groupName || n.groupName || n.details?.groupName || '';
+        return n.title || n.senderUsername || n.data?.groupName || n.groupName || n.details?.groupName || '';
     });
 
     const avatarUrl = computed(() => {
@@ -391,7 +391,7 @@
 
     const groupDisplayName = computed(() => {
         const n = props.notification;
-        return n.data?.groupName || n.groupName || n.details?.groupName || n.senderUsername || '';
+        return n.title || n.data?.groupName || n.groupName || n.details?.groupName || n.senderUsername || '';
     });
 
     const hoverTitle = computed(() => {
diff --git a/src/views/Sidebar/components/NotificationList.vue b/src/views/Sidebar/components/NotificationList.vue
index ea5b722f..8b7c734c 100644
--- a/src/views/Sidebar/components/NotificationList.vue
+++ b/src/views/Sidebar/components/NotificationList.vue
@@ -33,11 +33,7 @@
             </div>
 
             <div class="flex justify-center py-3">
-                <Button
-                    variant="ghost"
-                    size="sm"
-                    class="text-xs text-muted-foreground"
-                    @click="$emit('navigate-to-table')">
+                <Button variant="secondary" size="sm" class="text-xs" @click="$emit('navigate-to-table')">
                     {{ t('side_panel.notification_center.view_more') }}
                 </Button>
             </div>