feat(ott-2843): fix star position

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

@@ -73,15 +73,15 @@ export const CollapseTournament = ({
             <CountryFlag
               src={`https://instatscout.com/images/flags/48/${countryId}.png`}
             />
-          </FirstInfo>
-
-          <SecondaryInfo>
-            <TournamentName nameObj={tournament} />
             {isFavorite && (
-              <FavoriteSign marginLeft={12} color='rgba(255, 255, 255, 0.5)'>
+              <FavoriteSign color='rgba(255, 255, 255, 0.5)'>
                 <Icon refIcon='Star' />
               </FavoriteSign>
             )}
+          </FirstInfo>
+
+          <SecondaryInfo>
+            <TournamentName nameObj={tournament} />
           </SecondaryInfo>
           <CountMatches>
             {tournamentMatches.length}

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

@@ -202,17 +202,14 @@ export const TournamentLogo = styled(ProfileLogo)`
 
 type FavoriteSignProps = {
   color?: string,
-  marginLeft?: number,
 }
 
 export const FavoriteSign = styled.span<FavoriteSignProps>`
-  margin-left: ${({ marginLeft = 9 }) => marginLeft}px;
+  margin-left: 0.567rem;
   color: ${({ color }) => color};
   display: flex;
-  transform: translateY(25%);
   justify-content: center;
   align-items: center;
-  width: 8px;
+  width: 10px;
-  height: 8px;
+  height: 10px;
-  margin-bottom: 7px;
 `

src/libs/objects/Star.tsx

@@ -1,10 +1,10 @@
 export const Star = () => (
   <svg
     xmlns='http://www.w3.org/2000/svg'
-    width='8'
+    width='10'
-    height='8'
+    height='10'
     fill='none'
-    viewBox='0 0 8 8'
+    viewBox='0 0 10 10'
   >
     <path
       fill='currentColor'