From e4e38e74b38a97f80e706c6e186c3b50cd35569a Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Thu, 9 Jan 2025 23:03:29 +0100
Subject: [PATCH] Handle nav bar safe area top inset

The default nav bar icons were possibly slightly hidden under the top bar in case there was a "safe area top inset"
---
 src/modules/navigation-bar/components/DesktopSideBar.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/modules/navigation-bar/components/DesktopSideBar.tsx b/src/modules/navigation-bar/components/DesktopSideBar.tsx
index 469e6eed7c..0fd8b400b6 100644
--- a/src/modules/navigation-bar/components/DesktopSideBar.tsx
+++ b/src/modules/navigation-bar/components/DesktopSideBar.tsx
@@ -119,6 +119,7 @@ export const DesktopSideBar = ({ navBarItems }: { navBarItems: NavbarItem[] }) =
         >
             <Box
                 sx={{
+                    pt: 'env(safe-area-inset-top)',
                     pl: 'env(safe-area-inset-left)',
                     minWidth: isCollapsed ? MIN_WIDTH_COLLAPSED : MIN_WIDTH_EXTENDED,
                     maxWidth: isCollapsed ? MAX_WIDTH_COLLAPSED : MAX_WIDTH_EXTENDED,