Final fixes #4722

Author: kkartunov

__tests__/shared/components/Leaderboard/__snapshots__/LeaderboardTable.jsx.snap

@@ -56,6 +56,11 @@ exports[`Matches shallow shapshot 1`] = `
       >
         <a
           href="undefined/members/undefined/"
+          style={
+            Object {
+              "color": null,
+            }
+          }
           target="_blank"
         />
         <div
@@ -103,6 +108,11 @@ exports[`Matches shallow shapshot 1`] = `
       >
         <a
           href="undefined/members/undefined/"
+          style={
+            Object {
+              "color": null,
+            }
+          }
           target="_blank"
         />
         <div
@@ -150,6 +160,11 @@ exports[`Matches shallow shapshot 1`] = `
       >
         <a
           href="undefined/members/undefined/"
+          style={
+            Object {
+              "color": null,
+            }
+          }
           target="_blank"
         />
         <div
@@ -197,6 +212,11 @@ exports[`Matches shallow shapshot 1`] = `
       >
         <a
           href="undefined/members/undefined/"
+          style={
+            Object {
+              "color": null,
+            }
+          }
           target="_blank"
         />
         <div

src/assets/images/default-avatar-photo.svg

@@ -63,8 +63,6 @@ $light-gray: #d4d4d4;
     img,
     svg {
       border-radius: 50%;
-      border-style: solid;
-      border-width: 3px;
       height: 100%;
       width: 100%;
     }

src/shared/components/Leaderboard/ChallengeHistoryModal/styles.scss

@@ -3,30 +3,32 @@ $podium-border-color: #ededf2;
 
 .PodiumSpot {
   border-radius: 6px;
-  padding: 23px 25px;
+  padding: 23px 15px;
   display: flex;
   width: auto;
 
   .leaderboard-avatar {
     display: inline-block;
     position: relative;
     margin-bottom: 12px;
-    margin-right: 20px;
+    margin-right: 11px;
     overflow: visible;
   }
 
   .ranking {
     @include roboto-black;
 
     border-radius: 20px;
-    padding: 4px 9px 3px;
-    display: inline-block;
+    display: flex;
+    padding: 0;
+    align-items: center;
+    justify-content: center;
     position: absolute;
     right: 0;
     bottom: -10px;
     font-size: 15px;
-    width: 30px;
-    height: 30px;
+    width: 28px;
+    height: 28px;
   }
 
   .winnings-info span {
@@ -93,13 +95,14 @@ $podium-border-color: #ededf2;
   .handle-link,
   a.profile-link {
     color: #0d61bf;
-    font-family: Roboto, sans-serif;
-    font-size: 20px;
-    font-weight: 500;
+    font-family: Barlow, sans-serif;
+    font-size: 16px;
+    font-weight: 600;
     line-height: 24px;
     text-align: left;
     text-decoration: underline;
-    margin-bottom: 14px;
+    margin-top: 11px;
+    margin-bottom: 13px;
 
     &:hover {
       text-decoration: none;
@@ -115,35 +118,35 @@ $podium-border-color: #ededf2;
   background-color: #f4f4f4;
 
   .ranking {
-    background-color: #ffd84c;
-    color: #2a2a2a;
+    background-color: #ffd84d;
+    color: #fff;
   }
 }
 
 .PodiumSpot--second {
   background-color: #f4f4f4;
 
   .ranking {
-    background-color: #716d66;
-    color: #2a2a2a;
+    background-color: #746b65;
+    color: #fff;
   }
 }
 
 .PodiumSpot--third {
   background-color: #f4f4f4;
 
   .ranking {
-    background-color: #844d29;
-    color: #2a2a2a;
+    background-color: #854e29;
+    color: #fff;
   }
 }
 
 .PodiumSpot--fourth {
   background-color: #f4f4f4;
 
   .ranking {
-    background-color: #844d29;
-    color: #2a2a2a;
+    background-color: #1e94a3;
+    color: #fff;
   }
 }
 
@@ -154,7 +157,7 @@ $podium-border-color: #ededf2;
   margin-top: 0;
 
   .leaderboard-avatar {
-    height: 110px;
-    width: 110px;
+    height: 79px;
+    width: 79px;
   }
 }

src/shared/components/Leaderboard/PodiumSpot/themes/tco20.scss

@@ -112,7 +112,7 @@ export const RATING_COLORS = [{
   color: '#616BD5' /* Blue */,
   limit: 1500,
 }, {
-  color: '#FCD617' /* Yellow */,
+  color: '#F2C900' /* Yellow */,
   limit: 2200,
 }, {
   color: '#EF3A3A' /* Red */,