From ce2fffc88c54c066bb155abdb4cf423d9da419f5 Mon Sep 17 00:00:00 2001
From: Jerry Chen <jerry@apache.org>
Date: Fri, 9 May 2025 13:17:39 -0500
Subject: Fix notifications badge on web (#8347)

* Add notificationCountWeb style

* Apply styles.notificationCountWeb to BottomBarWeb NavItem
---
 src/view/shell/bottom-bar/BottomBarStyles.tsx | 5 +++++
 src/view/shell/bottom-bar/BottomBarWeb.tsx    | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/view/shell/bottom-bar/BottomBarStyles.tsx b/src/view/shell/bottom-bar/BottomBarStyles.tsx
index c5f31c94e..ad1cc48fd 100644
--- a/src/view/shell/bottom-bar/BottomBarStyles.tsx
+++ b/src/view/shell/bottom-bar/BottomBarStyles.tsx
@@ -30,6 +30,11 @@ export const styles = StyleSheet.create({
     borderRadius: 6,
     zIndex: 1,
   },
+  notificationCountWeb: {
+    paddingTop: 3,
+    paddingBottom: 3,
+    borderRadius: 12,
+  },
   notificationCountLight: {
     borderColor: colors.white,
   },
diff --git a/src/view/shell/bottom-bar/BottomBarWeb.tsx b/src/view/shell/bottom-bar/BottomBarWeb.tsx
index 8c64f81a8..7a320cb43 100644
--- a/src/view/shell/bottom-bar/BottomBarWeb.tsx
+++ b/src/view/shell/bottom-bar/BottomBarWeb.tsx
@@ -265,7 +265,7 @@ const NavItem: React.FC<{
       {children({isActive})}
       {notificationCount ? (
         <View
-          style={styles.notificationCount}
+          style={[styles.notificationCount, styles.notificationCountWeb]}
           aria-label={_(
             msg`${plural(notificationCount, {
               one: '# unread item',
-- 
cgit 1.4.1