From 44ecd8b677f4d982b6af183ee316177f44d9d28b Mon Sep 17 00:00:00 2001
From: Kaushal Shriwas <64089478+kaulith@users.noreply.github.com>
Date: Thu, 16 Apr 2026 18:44:49 +0530
Subject: [PATCH 1/3] fix(ui): properly align notification indicator on sidebar
 badge

---
 frappe/public/scss/desk/notification.scss | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/frappe/public/scss/desk/notification.scss b/frappe/public/scss/desk/notification.scss
index cc2bb95409..40e6faad82 100644
--- a/frappe/public/scss/desk/notification.scss
+++ b/frappe/public/scss/desk/notification.scss
@@ -50,8 +50,6 @@
 
 	&::before {
 		position: absolute;
-		top: 0;
-		right: 0;
 		left: auto;
 		height: 6px;
 		width: 6px;
@@ -60,7 +58,19 @@
 	}
 }
 
-.sidebar-notification .item-anchor {
+.desktop-notification-icon.indicator::before {
+	top: 0;
+	right: 0;
+}
+
+.sidebar-notification .sidebar-item-icon.indicator::before {
+	top: 3px;
+	right: 5px;
+	height: 5px;
+	width: 5px;
+}
+
+.sidebar-notification .standard-sidebar-item .item-anchor {
 	overflow: visible;
 }
 

From f6dd823a250101a9205d1f919cdbde4944fdf163 Mon Sep 17 00:00:00 2001
From: Kaushal Shriwas <64089478+kaulith@users.noreply.github.com>
Date: Thu, 16 Apr 2026 18:50:59 +0530
Subject: [PATCH 2/3] fix(ui): enlarge and reposition sidebar notification
 indicator

---
 frappe/public/scss/desk/notification.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frappe/public/scss/desk/notification.scss b/frappe/public/scss/desk/notification.scss
index 40e6faad82..ea26cf6fbc 100644
--- a/frappe/public/scss/desk/notification.scss
+++ b/frappe/public/scss/desk/notification.scss
@@ -64,10 +64,10 @@
 }
 
 .sidebar-notification .sidebar-item-icon.indicator::before {
-	top: 3px;
-	right: 5px;
-	height: 5px;
-	width: 5px;
+	top: 5px;
+	right: 6px;
+	height: 5.5px;
+	width: 5.5px;
 }
 
 .sidebar-notification .standard-sidebar-item .item-anchor {

From 1f5632fedb6ba4ebb64e4f23778bb965bc7993d2 Mon Sep 17 00:00:00 2001
From: Kaushal Shriwas <64089478+kaulith@users.noreply.github.com>
Date: Fri, 17 Apr 2026 00:43:19 +0530
Subject: [PATCH 3/3] fix: fade notification indicator on sidebar hover

---
 frappe/public/scss/desk/notification.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frappe/public/scss/desk/notification.scss b/frappe/public/scss/desk/notification.scss
index ea26cf6fbc..b83ef8a030 100644
--- a/frappe/public/scss/desk/notification.scss
+++ b/frappe/public/scss/desk/notification.scss
@@ -68,6 +68,11 @@
 	right: 6px;
 	height: 5.5px;
 	width: 5.5px;
+	transition: opacity 0.2s ease-in-out;
+}
+
+.sidebar-notification:hover .sidebar-item-icon.indicator::before {
+	opacity: 0;
 }
 
 .sidebar-notification .standard-sidebar-item .item-anchor {