diff --git a/src/features/MatchSidePlaylists/components/PlayButton/index.tsx b/src/features/MatchSidePlaylists/components/PlayButton/index.tsx
index 3bc6436e..44ce37d9 100644
--- a/src/features/MatchSidePlaylists/components/PlayButton/index.tsx
+++ b/src/features/MatchSidePlaylists/components/PlayButton/index.tsx
@@ -20,13 +20,21 @@ type Props = {
   onClick: () => void,
 }
 
+type TLiveBtn = {
+  isActive?: boolean,
+}
+
 const Duration = styled(Title)`
   margin-left: 10px;
   font-weight: normal;
 `
 
-export const LiveBtn = styled(LiveBtnBase)`
+export const LiveBtn = styled(LiveBtnBase)<TLiveBtn>`
   margin-left: 10px;
+  background-color: ${({ isActive }) => (isActive
+    ? 'transparent'
+    : '#CC0000')
+};
 `
 
 export const PlayButton = ({
@@ -50,7 +58,7 @@ export const PlayButton = ({
     {!isUndefined(duration) && (
       (live && !duration)
         ? (
-          <LiveBtn>
+          <LiveBtn isActive={active}>
             <T9n t='live' />
           </LiveBtn>
         )