diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index d43318725..2b01d56d4 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -545,12 +545,16 @@ watch(
             </div>
 
             <q-infinite-scroll @load="onLoad" :offset="250">
-              <div v-for="(n, index) in notiList" :key="index" class="caption">
-                <q-item v-ripple class="mytry q-py-xs" dense>
+              <div v-for="(n, index) in notiList" :key="index" class="caption q-pa-xs">
+                <q-item
+                  v-ripple
+                  :class="!n.isOpen ? 'mytry q-py-xs my-menu-link' : 'mytry q-py-xs'"
+                  dense
+                >
                   <q-item-section avatar top style="min-width: 40px">
                     <q-avatar color="primary" size="22px" text-color="white">
                       <span class="text-weight-medium text-uppercase">{{
-                        n.sender
+                        n.body[0]
                       }}</span>
                     </q-avatar>
                   </q-item-section>