fix: zIndex ordering of map icons

ONEARMY · Jan 9, 2025 · e89c1f8 · e89c1f8
1 parent 58b3eb9
commit e89c1f8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/src/pages/Maps/Content/MapView/MapView.tsx b/src/pages/Maps/Content/MapView/MapView.tsx
@@ -79,7 +79,7 @@ export const MapView = (props: IProps) => {
           top: 0,
           right: 0,
           padding: 4,
-          zIndex: 4000,
+          zIndex: 1001,
           display: 'flex',
           flexDirection: 'column',
           gap: 2,

diff --git a/src/pages/common/Header/Menu/Notifications/NotificationsDesktop.tsx b/src/pages/common/Header/Menu/Notifications/NotificationsDesktop.tsx
@@ -32,20 +32,18 @@ export const NotificationsDesktop = (props: Props) => {
           areThereNotifications={areThereNotifications}
         />
         {showMobileNotifications && (
-          <Flex>
-            <div data-cy="notifications-modal-desktop">
-              <NotificationList
-                notifications={notifications}
-                markAllNotified={markAllNotified}
-                markAllRead={() => markAllRead && markAllRead()}
-                sx={{
-                  width: '250px',
-                  position: 'absolute',
-                  right: '10px',
-                  top: '60px',
-                }}
-              />
-            </div>
+          <Flex data-cy="notifications-modal-desktop">
+            <NotificationList
+              notifications={notifications}
+              markAllNotified={markAllNotified}
+              markAllRead={() => markAllRead && markAllRead()}
+              sx={{
+                width: '250px',
+                position: 'absolute',
+                right: '10px',
+                top: '60px',
+              }}
+            />
           </Flex>
         )}
       </div>