diff --git a/src/features/MatchCard/CardFrontside/index.tsx b/src/features/MatchCard/CardFrontside/index.tsx index 38a43ccd..34fdcf68 100644 --- a/src/features/MatchCard/CardFrontside/index.tsx +++ b/src/features/MatchCard/CardFrontside/index.tsx @@ -107,11 +107,11 @@ export const CardFrontside = ({ - {(!isScoreHidden && team1.score) && {team1.score}} + {!isScoreHidden && {team1.score}} - {(!isScoreHidden && team2.score) && {team2.score}} + {!isScoreHidden && {team2.score}} diff --git a/src/features/MatchCard/styled.tsx b/src/features/MatchCard/styled.tsx index 24c7ad2e..9883ba61 100644 --- a/src/features/MatchCard/styled.tsx +++ b/src/features/MatchCard/styled.tsx @@ -137,6 +137,7 @@ export const TeamName = styled(Name)` ` export const Score = styled.div` + margin-left: 4px; text-align: center; width: 10%; ` diff --git a/src/features/SportTypeFilter/styled.tsx b/src/features/SportTypeFilter/styled.tsx index e0610746..f34dc8ed 100644 --- a/src/features/SportTypeFilter/styled.tsx +++ b/src/features/SportTypeFilter/styled.tsx @@ -22,7 +22,7 @@ export const SportList = styled.ul` background: #666; border-radius: 2px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); - z-index: 1; + z-index: 2; @media ${devices.tablet} { top: -144px;