diff --git a/src/features/MatchCard/CardLiveHover/index.tsx b/src/features/MatchCard/CardLiveHover/index.tsx
index 03ecceb2..981821f1 100644
--- a/src/features/MatchCard/CardLiveHover/index.tsx
+++ b/src/features/MatchCard/CardLiveHover/index.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import type { MouseEvent } from 'react'
 
 import { CloseButton } from 'features/Common'
 
@@ -15,12 +16,16 @@ type CardLiveHoverProps = {
   onClose: () => void,
 }
 
+const stopProp = (e: MouseEvent<HTMLDivElement>) => {
+  e.stopPropagation()
+}
+
 export const CardLiveHover = ({ onClose }: CardLiveHoverProps) => (
-  <CardHoverWrapper>
+  <CardHoverWrapper onClick={onClose}>
     <CardHoverInner>
       <CloseButton onClick={onClose} />
       <CardHoverTitle t='match_video' />
-      <Rows>
+      <Rows onClick={stopProp}>
         <Row>
           <MoreVideo t='watch_now' />
           <MoreVideo t='watch_from_beginning' />
diff --git a/src/features/MatchCard/styled.tsx b/src/features/MatchCard/styled.tsx
index d44cb4b2..4439e378 100644
--- a/src/features/MatchCard/styled.tsx
+++ b/src/features/MatchCard/styled.tsx
@@ -124,6 +124,7 @@ export const TeamName = styled.span`
 export const Score = styled.span``
 
 export const Rows = styled.div`
+  width: fit-content;
   margin-top: 20px;
 `