fix(#2317): fix height header and icon arrow

src/features/HeaderFilters/components/DateFilter/styled.tsx

@@ -26,7 +26,7 @@ export const Wrapper = styled.div`
   ${isMobileDevice
     ? css`
       /* padding-top: 4px; */
-      min-height: 84px;
+      /* min-height: 84px; */
       justify-content: space-between;
 
       @media (max-width: 450px){
@@ -118,6 +118,7 @@ export const WeekDaysWrapper = styled.div`
   ${isMobileDevice
     ? css`
      padding: 0 5px;
+     margin-top: 0;
     `
     : ''};
 `

src/features/HeaderMobile/styled.tsx

@@ -34,7 +34,7 @@ export const defaultHeaderStyles = (
   background: linear-gradient(
     236deg,
     ${color} -4.49%,
-    #000000 98.29%),
+    #000000 50%),
     #000000;
   z-index: 10;
 `

src/features/MatchCard/CardFrontside/MatchCardMobile/styled.tsx

@@ -45,7 +45,6 @@ export const CardWrapper = styled.div`
         display: flex;
         width: 100%;
         height: 75px;
-        padding-bottom: 0;
       `
     : ''};
 `

src/features/Modal/styled.tsx

@@ -51,7 +51,7 @@ export const ModalCloseButton = styled.button.attrs({
 
   ${isMobileDevice
     ? css`
-      padding: 15px 14px 15px 15px;
+      padding: 16px 14px 15px 15px;
       
     `
     : ''};

src/libs/objects/Arrow.tsx

@@ -4,12 +4,11 @@ export const Arrow = (): JSX.Element => (
     width='12'
     height='8'
     fill='true'
-    viewBox='0 0 12 8'
+    viewBox='0 0 20 12'
   >
     <path
-      fillRule='evenodd'
-      d='M10.6.6L6 5.2 1.4.6 0 2l6 6 6-6L10.6.6z'
-      clipRule='evenodd'
+      fill='true'
+      d='M8.854 10.854l-8.44-8.44a1.414 1.414 0 012-2l7.5 7.5 7.5-7.5a1.414 1.414 0 112 2l-8.44 8.44a1.5 1.5 0 01-2.12 0z'
     />
   </svg>
 )