diff --git a/src/assets/images/logos/chrome.png b/src/assets/images/logos/chrome.png
index 51c4bd7b..40b579b3 100644
Binary files a/src/assets/images/logos/chrome.png and b/src/assets/images/logos/chrome.png differ
diff --git a/src/assets/images/logos/safari.png b/src/assets/images/logos/safari.png
new file mode 100644
index 00000000..2d04bfd6
Binary files /dev/null and b/src/assets/images/logos/safari.png differ
diff --git a/src/assets/images/logos/vocechat.jpeg b/src/assets/images/logos/vocechat.jpeg
deleted file mode 100644
index 071122d3..00000000
Binary files a/src/assets/images/logos/vocechat.jpeg and /dev/null differ
diff --git a/src/assets/images/logos/vocechat.png b/src/assets/images/logos/vocechat.png
new file mode 100644
index 00000000..e19c26b2
Binary files /dev/null and b/src/assets/images/logos/vocechat.png differ
diff --git a/src/components/cards/NotificationChannelCard.vue b/src/components/cards/NotificationChannelCard.vue
index 78586cd5..f8c519f7 100644
--- a/src/components/cards/NotificationChannelCard.vue
+++ b/src/components/cards/NotificationChannelCard.vue
@@ -2,9 +2,10 @@
 import { NotificationConf } from '@/api/types'
 import wechat_image from '@images/logos/wechat.png'
 import telegram_image from '@images/logos/telegram.webp'
-import vocechat_image from '@images/logos/vocechat.jpeg'
+import vocechat_image from '@images/logos/vocechat.png'
 import synologychat_image from '@images/logos/synologychat.png'
 import slack_image from '@images/logos/slack.webp'
+import chrome_image from '@images/logos/chrome.png'
 
 // 定义输入
 const props = defineProps({
@@ -27,6 +28,8 @@ const getIcon = computed(() => {
       return synologychat_image
     case 'slack':
       return slack_image
+    case 'webpush':
+      return chrome_image
     default:
       return wechat_image
   }
@@ -37,7 +40,7 @@ const getIcon = computed(() => {
     <VCardText class="flex justify-space-between align-center gap-3">
       <div class="align-self-start">
         <h5 class="text-h5 mb-1">{{ notification.name }}</h5>
-        <div class="text-body-1 mb-3"></div>
+        <div class="text-body-1 mb-3">{{ notification.type }}</div>
       </div>
       <VImg :src="getIcon" cover class="m-3" max-width="6rem" />
     </VCardText>