fix(#2857): converted size from px to rem

src/components/SportIcon/SportIcon.tsx

@@ -11,7 +11,7 @@ const IconWrap = styled.div`
 
 type Props = {
   fill?: string,
-  size?: number,
+  size?: number | string,
   sport: SportTypes,
 }
 

src/features/Icon/index.tsx

@@ -7,7 +7,7 @@ export type IconProps = {
   direction?: number,
   onClick?: () => void,
   refIcon: any,
-  size?: number,
+  size?: number | string,
   styles?: any,
 }
 

src/features/ItemsList/index.tsx

@@ -52,7 +52,7 @@ export const ItemsList = ({
         >
           <Name nameObj={item} />
           <ItemInfo>
-            <SportIcon size={isMobileDevice ? 10 : 20} sport={item.sport} />
+            <SportIcon size={isMobileDevice ? 10 : '0.65rem'} sport={item.sport} />
             {item.additionalInfo && (
               <Fragment>
                 <Flag src={`https://instatscout.com/images/flags/48/${item.additionalInfo.id}.png`} />

src/features/PreferencesPopup/components/TournamentInfo/index.tsx

@@ -50,7 +50,7 @@ export const TournamentInfo = ({
   <Wrapper>
     <StyledName nameObj={tournament} className='title' prefix={prefix} />
     <ItemInfo>
-      {isIcon && <SportIcon sport={tournament.sport} />}
+      {isIcon && <SportIcon size={isMobileDevice ? 10 : '0.65rem'} sport={tournament.sport} />}
       <Flag src={`https://instatscout.com/images/flags/48/${tournament.country.id}.png`} />
       <TeamOrCountry nameObj={tournament.country} />
     </ItemInfo>

src/features/TournamentList/components/CollapseTournament/index.tsx

@@ -70,7 +70,7 @@ export const CollapseTournament = ({
         <Info>
           <FirstInfo>
             <SportIcon
-              size={20}
+              size='0.65rem'
               fill='#ffffff'
               sport={sportType}
             />

src/features/TournamentSubtitle/index.tsx

@@ -42,7 +42,7 @@ export const TournamentSubtitle = ({
       {!isLffClient && (
         <Fragment>
           <SportIcon
-            size={isMobileDevice ? 10 : 20}
+            size={isMobileDevice ? 10 : '0.65rem'}
             sport={sportType ?? sportTypeFromUrl}
           />
           <CountryFlag src={`https://instatscout.com/images/flags/48/${countryId}.png`} />