From c29edf1ca91b7a3ec7564c4ca598156145ed2d0d Mon Sep 17 00:00:00 2001
From: sundasnoreen12 <72802712+sundasnoreen12@users.noreply.github.com>
Date: Fri, 3 Nov 2023 17:01:46 +0500
Subject: [PATCH] fix: fixed issue of badge aligment on safari (#505)

---
 src/Notifications/notification.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Notifications/notification.scss b/src/Notifications/notification.scss
index 2b6cb59d..1d908bdf 100644
--- a/src/Notifications/notification.scss
+++ b/src/Notifications/notification.scss
@@ -114,10 +114,16 @@
   background: var(--text-on-light-brand-500, #D23228) !important;
   line-height: 20px !important;
   padding: 4px !important;
-  padding-left: 3px !important;
+  padding-left: 4px !important;
   margin-left: -21px;
 }
 
+@supports (-webkit-backdrop-filter: blur(1px)) {
+  .notification-badge {
+    margin-left: -17px;
+  }
+}
+
 .notification-end-title {
   font-weight: 500 !important;
   color: #00262B !important;