diff --git a/desk/src/components/layouts/Sidebar.vue b/desk/src/components/layouts/Sidebar.vue
index 3753fe907..b8b6a689b 100644
--- a/desk/src/components/layouts/Sidebar.vue
+++ b/desk/src/components/layouts/Sidebar.vue
@@ -24,7 +24,7 @@
     <span class="mb-4">
       <div
         v-if="notificationStore.unread"
-        class="absolute z-20 h-1.5 w-1.5 translate-x-6 translate-y-1 rounded-full bg-gray-800"
+        class="absolute z-20 h-1.5 w-1.5 translate-x-6 translate-y-1 rounded-full bg-blue-400"
         theme="gray"
         variant="solid"
       />
diff --git a/desk/src/components/notifications/Notifications.vue b/desk/src/components/notifications/Notifications.vue
index 4225b1d93..1b8fcf3b4 100644
--- a/desk/src/components/notifications/Notifications.vue
+++ b/desk/src/components/notifications/Notifications.vue
@@ -73,7 +73,7 @@
             <div class="text-sm text-gray-600">
               {{ dayjs.tz(n.creation).fromNow() }}
             </div>
-            <div v-if="!n.read" class="h-1.5 w-1.5 rounded-full bg-gray-900" />
+            <div v-if="!n.read" class="h-1.5 w-1.5 rounded-full bg-blue-400" />
           </div>
         </span>
       </RouterLink>
diff --git a/desk/src/pages/MobileNotifications.vue b/desk/src/pages/MobileNotifications.vue
index 29c83850d..0ec33cdcb 100644
--- a/desk/src/pages/MobileNotifications.vue
+++ b/desk/src/pages/MobileNotifications.vue
@@ -34,7 +34,7 @@
       "
     >
       <UserAvatar v-bind="n.user_from" />
-      <span>
+      <div>
         <div class="mb-2 leading-5">
           <span class="space-x-1 text-gray-700">
             <span class="font-medium text-gray-900">{{
@@ -58,9 +58,9 @@
           <div class="text-sm text-gray-600">
             {{ dayjs.tz(n.creation).fromNow() }}
           </div>
-          <div v-if="!n.read" class="h-1.5 w-1.5 rounded-full bg-gray-900" />
+          <div v-if="!n.read" class="h-1.5 w-1.5 rounded-full bg-blue-400" />
         </div>
-      </span>
+      </div>
     </RouterLink>
   </div>
   <div v-else class="flex flex-1 flex-col items-center gap-2">