diff --git a/src/view/shell/bottom-bar/BottomBarStyles.tsx b/src/view/shell/bottom-bar/BottomBarStyles.tsx
index c5f31c94e6..ad1cc48fd0 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 8c64f81a8e..7a320cb438 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',