diff --git a/frappe/public/scss/desk/notification.scss b/frappe/public/scss/desk/notification.scss
index 4affdb5f87..7e0c0f974d 100644
--- a/frappe/public/scss/desk/notification.scss
+++ b/frappe/public/scss/desk/notification.scss
@@ -139,18 +139,18 @@
 	justify-content: space-between;
 
 	&.unread {
-		&:hover {
-			.mark-as-read {
-				flex-shrink: 0;
-				align-self: center;
-				justify-self: end;
-				width: 8px;
-				height: 8px;
-				border: 2px solid var(--invert-neutral);
-				border-radius: 1000px;
-			}
+		.mark-as-read {
+			flex-shrink: 0;
+			align-self: center;
+			justify-self: end;
+			width: 8px;
+			height: 8px;
 		}
 
+		&:hover .mark-as-read {
+			border: 2px solid var(--invert-neutral);
+			border-radius: 1000px;
+		}
 		.notification-body::before {
 			background: var(--invert-neutral);
 		}