diff --git a/src/features/MatchCard/CardFrontside/index.tsx b/src/features/MatchCard/CardFrontside/index.tsx
index ee8c7feb..d46c24df 100644
--- a/src/features/MatchCard/CardFrontside/index.tsx
+++ b/src/features/MatchCard/CardFrontside/index.tsx
@@ -54,11 +54,9 @@ export const CardFrontside = ({
access,
date,
formattedDate,
- hasVideo,
live,
preview,
sportType,
- storage,
team1,
team2,
time,
@@ -125,9 +123,7 @@ export const CardFrontside = ({
: (
{isHomePage ? null : formattedDate}
- {(isInFuture && (!hasVideo || !storage))
- ?
- : null}
+
)}
diff --git a/src/features/MatchCard/styled.tsx b/src/features/MatchCard/styled.tsx
index f5dd67f1..7b028717 100644
--- a/src/features/MatchCard/styled.tsx
+++ b/src/features/MatchCard/styled.tsx
@@ -84,9 +84,10 @@ export const Preview = styled.img`
`
export const MatchTimeInfo = styled.div`
+ width: 100%;
position: absolute;
top: 0.519rem;
- left: 0.519rem;
+ padding: 0 0.519rem;
`
type MatchDateProps = {
@@ -94,6 +95,7 @@ type MatchDateProps = {
}
export const MatchDate = styled.div`
+ width: fit-content;
height: 0.9rem;
border-radius: 2px;
padding: ${({ isHomePage }) => (!isHomePage ? '0 0.27rem' : '')};
@@ -122,8 +124,7 @@ export const MatchDate = styled.div`
export const LiveSign = styled(MatchDate)`
background-color: #CC0000;
- position: absolute;
- top: 0;
+ margin-left: auto;
`
export const Time = styled.span`