From 02beeb937a94093ece7103804f1c0704edf36f82 Mon Sep 17 00:00:00 2001
From: Andrei Dekterev <avdekterev@gmail.com>
Date: Tue, 20 Sep 2022 17:28:30 +0400
Subject: [PATCH] fix(#2818): fix z-index for popup

---
 src/features/MatchPage/components/FavouriteTeam/styled.tsx   | 5 ++---
 .../MatchSidePlaylists/components/TabVideo/index.tsx         | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/features/MatchPage/components/FavouriteTeam/styled.tsx b/src/features/MatchPage/components/FavouriteTeam/styled.tsx
index 8accb6ff..5f970f65 100644
--- a/src/features/MatchPage/components/FavouriteTeam/styled.tsx
+++ b/src/features/MatchPage/components/FavouriteTeam/styled.tsx
@@ -8,13 +8,13 @@ import { customScrollbar, ButtonSolid } from 'features/Common'
 import { HeaderTitle } from 'features/PreferencesPopup/styled'
 
 export const ScModalContainer = styled(BaseModal)`
+  z-index: 100;
   ${ModalWindow} {
     width: 1446px;
     height: 670px;
     padding: 0;
     background: #333333;
     border-radius: 5px;
-    z-index: 100;
     ${customScrollbar}
     
     ${isMobileDevice
@@ -67,8 +67,7 @@ export const ScGroups = styled.div`
 
   ${isMobileDevice
     ? css`
-            margin: 0;
-            margin-top: 20px;
+            margin: 20px 0 0 0;
             width: auto;  
             overflow-y: auto;
           `
diff --git a/src/features/MatchSidePlaylists/components/TabVideo/index.tsx b/src/features/MatchSidePlaylists/components/TabVideo/index.tsx
index 14cbbbe5..92248928 100644
--- a/src/features/MatchSidePlaylists/components/TabVideo/index.tsx
+++ b/src/features/MatchSidePlaylists/components/TabVideo/index.tsx
@@ -72,7 +72,7 @@ export const TabVideo = ({
       />
       <MatchesWrapper>
         {
-          map(sortBy(matches, ['!live', 'date']), (match) => (
+          map(sortBy(matches, ({ live }) => !live), (match) => (
             <MatchCard
               key={match.id}
               match={match}