style(#ott2840): fav tooltip styles fixed

src/features/UserFavorites/index.tsx

@@ -68,7 +68,7 @@ export const UserFavorites = ({ marginTop }: Props) => {
                   type: item.type,
                 })}
               >
-                <Close size={8} />
+                <Close size={9} />
                 <TournamentNameTooltip>
                   <Name nameObj={item.info} />
                 </TournamentNameTooltip>

src/features/UserFavorites/styled.tsx

@@ -34,7 +34,7 @@ export const ScrollWrapper = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-  /* overflow-y: auto; */
+
   ${customScrollbar}
 `
 
@@ -42,8 +42,8 @@ export const UserSportFavXWrapper = styled.button`
   position: absolute;
   top: -0.472rem;
   right: -0.472rem;
-  height: 0.95rem;
-  width: 0.95rem;
+  width: 1.25rem;
+  height: 1.25rem;
   padding: 0px;
   display: flex;
   align-items: center;
@@ -56,10 +56,11 @@ export const UserSportFavXWrapper = styled.button`
 
 export const UserSportFavItemLogoWrapper = styled.div`
   position: relative;
-  width: 2.6rem;
-  height: 2.6rem;
+  width: 3.3125rem;
+  height: 3.3125rem;
   border-radius: 4px;
   background-color: #3F3F3F;
+  border: 2px solid #3F3F3F;
 
   ${UserSportFavXWrapper} {
     display: none;
@@ -74,7 +75,7 @@ export const UserSportFavItemLogoWrapper = styled.div`
   }
 
   &:hover {
-    background-color: rgba(255, 255, 255, 0.7);
+    border: 2px solid #fff;
     cursor: pointer;
 
     ${UserSportFavXWrapper} {
@@ -107,7 +108,7 @@ export const UserSportFavStar = styled.div<UserSportFavStarProps>`
   min-height: 1.85rem;
   background: url('/images/sportFavStar.png') no-repeat center / 100%;
   margin-left: 0.15rem;
-  margin-bottom: 0.567rem;
+  margin-bottom: 1.125rem;
   margin-top: ${({ marginTop = 0 }) => marginTop}px;
 `
 
@@ -134,19 +135,16 @@ export const Text = styled(T9n)`
 
 export const TournamentNameTooltip = styled.div`
   position: absolute;
-  top: -0.1875rem;
-  left: 1.25rem;
-  min-width: 14.5rem;
-  max-width: 14.5rem;
-  padding-left: 6px;
-  line-height: 1.3125rem;
+  top: 50%;
+  transform: translateY(-50%);
+  left: 1.5625rem;
+  padding: 0 6px;
+  line-height: 1.0625rem;
   background-color: #fff;
   border-radius: 6px;
   color: #000;
-  font-weight: 600;
-  font-size: 0.9375rem;
-  text-transform: uppercase;
+  font-weight: 400;
+  font-size: 0.6875rem;
   overflow: hidden;
   white-space: nowrap;
-  text-overflow: ellipsis;
 `