Ott main style fix (#74)

src/features/MatchesSlider/components/styled.tsx

@@ -11,7 +11,8 @@ export const CardWrapper = styled.li.attrs({
   flex: 0 0 auto;
   width: ${MATCH_CARD_WIDTH}px;
   margin-right: ${MATCH_CARD_GAP}px;
-  padding-bottom: 38px;
+  padding-bottom: 30px;
+  height: 288px;
   border-radius: 2px;
   background-color: #3F3F3F;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
@@ -21,7 +22,7 @@ export const CardWrapper = styled.li.attrs({
 export const PreviewWrapper = styled.div`
   display: flex;
   flex-direction: column-reverse;
-  height: 160px;
+  height: 147px;
 `
 
 export const Preview = styled.img`
@@ -33,16 +34,19 @@ export const MatchStatus = styled.div`
   position: absolute;
   top: 24px;
   left: 24px;
+  width: 125px;
+  height: 24px;
   border-radius: 2px;
-  padding: 7px 10px;
+  padding: 5px 5px;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 0.1em;
+  text-align: center;
 `
 
 export const Info = styled.div`
-  padding: 27px 24px 0;
+  padding: 33px 24px 0;
   color: #fff;
 `
 

src/features/MatchesSlider/styled.tsx

@@ -7,7 +7,6 @@ export const Wrapper = styled.div`
 
 export const Slides = styled.ul`
   display: flex;
-  overflow-x: auto;
   scroll-behavior: smooth;
 
   &::-webkit-scrollbar {