diff --git a/src/pages/MatchDetail/MatchDetailPage.styled.ts b/src/pages/MatchDetail/MatchDetailPage.styled.ts index f32a6b8..42fca59 100644 --- a/src/pages/MatchDetail/MatchDetailPage.styled.ts +++ b/src/pages/MatchDetail/MatchDetailPage.styled.ts @@ -117,6 +117,10 @@ export const ImageContainer = styled.div` z-index: 2; pointer-events: none; } + + &:hover img { + transform: scale(1.05); + } `; export const MatchImage = styled.img` @@ -136,10 +140,6 @@ export const MatchImage = styled.img` @supports (aspect-ratio: 16 / 9) { max-height: min(480px, calc(100vw * 9 / 16)); } - - ${ImageContainer}:hover & { - transform: scale(1.05); - } `; export const ContentContainer = styled.div`