diff --git a/frontend/src/components/Layouts/AppSidebar.vue b/frontend/src/components/Layouts/AppSidebar.vue
index c01d67b5..aff93339 100644
--- a/frontend/src/components/Layouts/AppSidebar.vue
+++ b/frontend/src/components/Layouts/AppSidebar.vue
@@ -27,7 +27,7 @@
             />
             <div
               v-else-if="notificationsStore().unreadNotificationsCount"
-              class="absolute z-20 top-0 left-0 h-1.5 w-1.5 translate-x-6 translate-y-1 rounded-full bg-gray-800"
+              class="absolute z-20 top-1 -left-1.5 h-[5px] w-[5px] ring-1 ring-white translate-x-6 translate-y-1 rounded-full bg-gray-800"
             />
           </template>
         </SidebarLink>
diff --git a/frontend/src/components/Notifications.vue b/frontend/src/components/Notifications.vue
index 948dc0ed..21f1f03f 100644
--- a/frontend/src/components/Notifications.vue
+++ b/frontend/src/components/Notifications.vue
@@ -48,7 +48,7 @@
         >
           <div class="mt-1 flex items-center gap-2.5">
             <div
-              class="h-1.5 w-1.5 rounded-full"
+              class="h-[5px] w-[5px] rounded-full"
               :class="[n.read ? 'bg-transparent' : 'bg-gray-900']"
             />
             <UserAvatar :user="n.from_user.name" size="lg" />