fix: fixed issue of badge aligment on safari (#505)

edx · Nov 3, 2023 · c29edf1 · c29edf1
1 parent 97d66ab
commit c29edf1
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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;