From 2c6752f24a4866d44b2f3a45c2334bdb36bf1ec6 Mon Sep 17 00:00:00 2001
From: Barry McGee <barrymcgee@users.noreply.github.com>
Date: Mon, 22 Sep 2025 18:49:16 +0100
Subject: [PATCH] Fix notification indicator appearing behind navigation text
 (#9035)

* Fix peeking notification indicator on web

* Remove relative positioning from LeftNav component
---
 src/view/shell/desktop/LeftNav.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx
index b89d772946..a51e98f31d 100644
--- a/src/view/shell/desktop/LeftNav.tsx
+++ b/src/view/shell/desktop/LeftNav.tsx
@@ -432,7 +432,6 @@ function NavItem({count, hasNew, href, icon, iconFilled, label}: NavItemProps) {
         style={[
           a.align_center,
           a.justify_center,
-          a.z_10,
           {
             width: 24,
             height: 24,
@@ -467,6 +466,7 @@ function NavItem({count, hasNew, href, icon, iconFilled, label}: NavItemProps) {
                 a.rounded_full,
                 a.text_center,
                 a.leading_tight,
+                a.z_20,
                 {
                   top: '-10%',
                   left: count.length === 1 ? 12 : 8,
@@ -492,6 +492,7 @@ function NavItem({count, hasNew, href, icon, iconFilled, label}: NavItemProps) {
             style={[
               a.absolute,
               a.rounded_full,
+              a.z_20,
               {
                 backgroundColor: t.palette.primary_500,
                 width: 8,